chatgpt写一个js示例-JZTXT

用js写一个还有三天十分十秒的倒计时.每秒都在计算,放在页面上

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>倒计时</title> </head> <body> <div id="countdown"></div> <script> // 获取当前时间 var now = new Date().getTime(); // 设置目标时间为3天后的当前时间 var target = now + (3 * 24 * 60 * 60 * 1000) + (10 * 60 * 1000) + (10 * 1000); // 获取倒计时元素 var countdownElement = document.getElementById("countdown"); // 定义倒计时函数 function countdown() { // 获取当前时间 var now = new Date().getTime(); // 计算时间差 var diff = target - now; // 计算剩余天数、小时数、分钟数和秒数 var days = Math.floor(diff / (24 * 60 * 60 * 1000)); var hours = Math.floor((diff % (24 * 60 * 60 * 1000)) / (60 * 60 * 1000)); var minutes = Math.floor((diff % (60 * 60 * 1000)) / (60 * 1000)); var seconds = Math.floor((diff % (60 * 1000)) / 1000); // 更新倒计时元素的内容 countdownElement.innerHTML = "还有 " + days + " 天 " + hours + " 小时 " + minutes + " 分钟 " + seconds + " 秒"; // 每隔1秒执行一次倒计时函数 setTimeout(countdown, 1000); } // 执行倒计时函数 countdown(); </script> </body> </html>

这段代码会在页面上显示类似于“还有 3 天 10 小时 10 分钟 0 秒”的倒计时，每隔1秒更新一次。其中，now变量用于获取当前时间，target变量用于设置目标时间，countdown函数用于计算倒计时并更新倒计时元素的内容，setTimeout函数用于每隔1秒执行一次countdown函数。倒计时元素的内容通过innerHTML属性进行更新。