第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

Javascript中的倒數(shù)計時器,僅包含天,小時,分鐘 - 擺脫秒

Javascript中的倒數(shù)計時器,僅包含天,小時,分鐘 - 擺脫秒

有只小跳蛙 2022-09-29 16:43:30
在我剛剛開始學習的javascript方面,我是一個新手。我一直在嘗試為我的網(wǎng)站編寫計時器,我發(fā)現(xiàn)了一些有助于這樣做的代碼,但我想擺脫秒的顯示。這是我正在使用的腳本代碼:  const total = Date.parse(endtime) - Date.parse(new Date());  const seconds = Math.floor((total / 1000) % 60);  const minutes = Math.floor((total / 1000 / 60) % 60);  const hours = Math.floor((total / (1000 * 60 * 60)) % 24);  const days = Math.floor(total / (1000 * 60 * 60 * 24));  return {    total,    days,    hours,    minutes,    seconds  };}function initializeClock(id, endtime) {  const clock = document.getElementById(id);  const daysSpan = clock.querySelector('.days');  const hoursSpan = clock.querySelector('.hours');  const minutesSpan = clock.querySelector('.minutes');  const secondsSpan = clock.querySelector('.seconds');  function updateClock() {    const t = getTimeRemaining(endtime);    daysSpan.innerHTML = t.days;    hoursSpan.innerHTML = ('0' + t.hours).slice(-2);    minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);    secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);    if (t.total <= 0) {      clearInterval(timeinterval);    }  }  updateClock();  const timeinterval = setInterval(updateClock, 1000);}const deadline = new Date(Date.parse(new Date()) + 30 * 24 * 60 * 60 * 1000);initializeClock('clockdiv', deadline);這是與之關(guān)聯(lián)的 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">  <title>Timer</title>  <link rel = "stylesheet"   type = "text/css"   href = "style.css" />  <script src="javascript.js" defer></script></head><body><h1>Preorders end in:</h1><div id="clockdiv">  <div>    <span class="days"></span>    <div class="smalltext">Days</div>  </div>  <div>    <span class="hours"></span>    <div class="smalltext">Hours</div>  </div>  <div>    <span class="minutes"></span>    <div class="smalltext">Minutes</div>  </div>  <div>    <span class="seconds"></span>    <div class="smalltext">Seconds</div>  </div></div></body></html>有沒有可能對此有一個快速解決方案?
查看完整描述

1 回答

?
臨摹微笑

TA貢獻1982條經(jīng)驗 獲得超2個贊

在 Java 腳本中,刪除所有處理 和 的行。在 HTML 中,刪除 中的最后一個 。secondssecondsSpan<div><div id="clockdiv">


這將給你留下:


斷續(xù)器


function getTimeRemaining(endtime) {

  const total = Date.parse(endtime) - Date.parse(new Date());

  const minutes = Math.floor((total / 1000 / 60) % 60);

  const hours = Math.floor((total / (1000 * 60 * 60)) % 24);

  const days = Math.floor(total / (1000 * 60 * 60 * 24));


  return {

    total,

    days,

    hours,

    minutes

  };

}


function initializeClock(id, endtime) {

  const clock = document.getElementById(id);

  const daysSpan = clock.querySelector('.days');

  const hoursSpan = clock.querySelector('.hours');

  const minutesSpan = clock.querySelector('.minutes');


  function updateClock() {

    const t = getTimeRemaining(endtime);


    daysSpan.innerHTML = t.days;

    hoursSpan.innerHTML = ('0' + t.hours).slice(-2);

    minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);


    if (t.total <= 0) {

      clearInterval(timeinterval);

    }

  }


  updateClock();

  const timeinterval = setInterval(updateClock, 1000);

}


const deadline = new Date(Date.parse(new Date()) + 30 * 24 * 60 * 60 * 1000);

initializeClock('clockdiv', deadline);

斷續(xù)器


<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">

  <title>Timer</title>

  <link rel="stylesheet" type="text/css" href="style.css" />

  <script src="javascript.js" defer></script>

</head>


<body>

  <h1>Preorders end in:</h1>

  <div id="clockdiv">

    <div>

      <span class="days"></span>

      <div class="smalltext">Days</div>

    </div>

    <div>

      <span class="hours"></span>

      <div class="smalltext">Hours</div>

    </div>

    <div>

      <span class="minutes"></span>

      <div class="smalltext">Minutes</div>

    </div>

  </div>

</body>


</html>


查看完整回答
反對 回復(fù) 2022-09-29
  • 1 回答
  • 0 關(guān)注
  • 140 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號