如何获得只显示小时的倒计时

How to get a countdown just showing hours?

本文关键字:倒计时 小时 显示 何获得      更新时间:2024-02-01

我需要倒计时方面的帮助。我使用以下脚本生成倒计时。

var endTime = new Date(2016, 04, 10).getTime() / 1000;
function setClock() {
    var elapsed = new Date().getTime() / 1000;
    var totalSec =  endTime - elapsed;
    var d = parseInt( totalSec / 86400 );
    var h = parseInt( totalSec / 3600 ) % 24;
    var m = parseInt( totalSec / 60 ) % 60;
    var s = parseInt(totalSec % 60, 10);
    var result = d;
    document.getElementById('timeRemaining').innerHTML = result;
    setTimeout(setClock, 1000);
}
setClock();

我只想看看时间——在这一刻,当我删除天、分、秒时,即使时间更长,它也只显示24小时。

如果我回答了你的问题,这应该有效:

function setClock() {
    var elapsed = new Date().getTime() / 1000;
    var totalSec =  endTime - elapsed;
    document.getElementById('timeRemaining').innerHTML =  parseInt( totalSec / 3600 );
    setTimeout(setClock, 1000);
}

如果你只想倒计时直到你的约会(2016年5月10日),这里有一个适合你的解决方案:

var endTime = new Date('2016/05/10').getTime()/1000;
function setClock(){
  var currDate = new Date().getTime()/1000;
  var timeRemaining = Math.ceil((endTime - currDate)/(60*60));
  /*time remaining is in hours. Math.ceil will make sure that 1 hour is shown
    if time remaining is less than 1 hour unless you want to show mins */
  document.getElementById('timeRemaining').innerHTML = timeRemaining; 
  setTimeout(setClock, 1000);
}
setClock();

https://jsbin.com/buxetenika/edit?html,js,输出

这应该让你开始。。。希望这对有帮助