为了账号安全,请及时绑定邮箱和手机立即绑定

w3schools 倒计时器:为什么我的 index.html 文件打开时显示的是空白页面而不是

w3schools 倒计时器:为什么我的 index.html 文件打开时显示的是空白页面而不是

Qyouu 2023-08-18 14:10:21
  <!DOCTYPE HTML>    <html>    <head>      <meta name="viewport" content="width=device-width, initial-scale=1">      <style>        p {          text-align: center;          font-size: 60px;          margin-top: 0px;        }      </style>      </head>      <body>          <p id="timer"></p>          <script>      // Set the date we're counting to      var countDownDate = new Date("Nov 19, 2020 13:00:00").getTime();      // Update the countdown every second      var updateEverySecond = setInterval(function() {        // Get today's date and time        var now = new Date().getTime();        // Find the remaining time between now and the count down date        var remaining = countDownDate - now;        // Time calculations for days, hours, minutes, and seconds        var days = Math.floor(remaining / (1000 * 60 * 60 * 24));        var hours = Math.floor((remaining % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));        var mins = Math.floor((remaining % 1000 * 60 * 60)) / (1000 * 60));        var sec = Math.floor((remaining % (1000 * 60)) / 1000);        // Output the result in an element with id="timer"      document.getElementById("timer").innerHTML = days + "d " + hours + "h "        + mins + "m " + sec + "s ";        // If the countdown is over, display a message        if (remaining < 0) {          clearInterval(updateEverySecond);     document.getElementById("timer").innerHTML = "EXPIRED";        }      }, 1000);      </script>        </body>    </html>以上是我的index.html文件的内容。这是我关注的 w3schools 页面的链接: https://www.w3schools.com/howto/howto_js_countdown.asp 我尝试在项目目录中创建一个 server.js 文件,我可以包含该内容文件,或任何其他文件,如果这可以澄清我的问题。任何帮助表示赞赏!
查看完整描述

2 回答

?
小唯快跑啊

TA贡献1863条经验 获得超2个赞

更改线路

var mins = Math.floor((remaining % 1000 * 60 * 60)) / (1000 * 60));

对此

var mins = Math.floor((remaining % (1000 * 60 * 60)) / (1000 * 60));

它会起作用的


查看完整回答
反对 回复 2023-08-18
?
守候你守候我

TA贡献1802条经验 获得超10个赞

如果您从网站复制整个代码,并将其粘贴到您的 HTML 文档中,它应该可以工作。如果这不起作用,则不要将文件命名为“index.html”,有时文件可能会覆盖



查看完整回答
反对 回复 2023-08-18
  • 2 回答
  • 0 关注
  • 114 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信