亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Javascript倒計時問題

Javascript倒計時問題

慕娘9325324 2022-12-22 15:06:52
這是我的第一個線程,所以我不確定我寫在正確的部分等,但我有一個非常簡單的問題,迫使我寫在這里尋求幫助。我已經編寫了一些代碼來創建倒計時,顯示到特定日期還剩多少時間。然而有些東西不起作用。我將添加我的 html 和 JS 代碼,如果有人能找到缺陷,我將不勝感激。function countdown() {  var now = new Date();  var eventDate = new Date(2020, 10, 10);  var currentTime = now.getTime();  var eventTime = eventDate.getTime();  var remTime = eventTime - currentTime;  var s = Math.floor(remTime / 1000);  var m = Math.floor(s / 60);  var h = Math.floor(m / 60);  var d = Math.floor(h / 24);  h %= 24;  m %= 60;  s %= 60;  if (h < 10) {    h = "0" + h;  }  if (m < 10) {    m = "0" + m;  }  s = (s < 10) ? "0" + s : s;  document.getElementById("days").textContent = d;  document.getElementById("days").innerText = d;  document.getElementById("hours").textContent = h;  document.getElementById("minutes").textContent = m;  document.getElementById("seconds").textContent = s;  setTimeout(countdown, 1000);}<pre>    <!DOCTYPE html><html><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <meta http-equiv="X-UA-Compatible" content="ie=edge">    <link rel="stylesheet" href="./css/reset.css">    <link rel="stylesheet" href="./css/font-awesome.min.css">    <link rel="stylesheet" href="./css/laikmatis.css">    <link rel="stylesheet" href="./css/main.css">    <title>Puslapis</title></head>      
查看完整描述

1 回答

?
米脂

TA貢獻1836條經驗 獲得超3個贊

你忘了調用函數


countdown();

function countdown() {

  var now = new Date();

  var eventDate = new Date(2020, 10, 10);

  var currentTime = now.getTime();

  var eventTime = eventDate.getTime();

  var remTime = eventTime - currentTime;

  var s = Math.floor(remTime / 1000);

  var m = Math.floor(s / 60);

  var h = Math.floor(m / 60);

  var d = Math.floor(h / 24);

  h %= 24;

  m %= 60;

  s %= 60;

  if (h < 10) {

    h = "0" + h;

  }

  if (m < 10) {

    m = "0" + m;

  }

  s = (s < 10) ? "0" + s : s;

  document.getElementById("days").textContent = d;

  document.getElementById("days").innerText = d;


  document.getElementById("hours").textContent = h;

  document.getElementById("minutes").textContent = m;

  document.getElementById("seconds").textContent = s;

  setTimeout(countdown, 1000);

}


countdown();

    <!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <link rel="stylesheet" href="./css/reset.css">

    <link rel="stylesheet" href="./css/font-awesome.min.css">

    <link rel="stylesheet" href="./css/laikmatis.css">

    <link rel="stylesheet" href="./css/main.css">

    <title>Puslapis</title>

</head>

<body>

    <section>

        <main>

            <h1 class="text1">rgrgrgrgrg</h1>

            <h2 class="text2">rrgrfgrfgvrfgvrfgv</h2>

            <span class="text1">dvbgtbrtfbrfb</span>

            <table>

                <div id="laikmatis">

                    <tr>

                        <td id="days">120</td>

                        <td id="hours">20</td>

                        <td id="minutes">20</td>

                        <td id="seconds">20</td>

                    </tr>

                    <tr>

                        <td>Days</td>

                        <td>Hours</td>

                        <td>Minutes</td>

                        <td>Seconds</td>

                    </tr>

                </div>

            </table>

            <script src="./JS/laikmatis.js"></script>

            <p class="text2">efefefefeeeeeeeeeeeeeeeeefefefe e fef efe fefefef ef ef efe fef ef ef efe ef ef ef ef </p>

        </main>

    </section>

</body>

</html>


查看完整回答
反對 回復 2022-12-22
  • 1 回答
  • 0 關注
  • 90 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號