如何获得仅显示小时数的倒计时？

Posted 2023-03-14

【中文标题】如何获得仅显示小时数的倒计时？

【英文标题】：How to get a countdown just showing hours?

【发布时间】：2016-04-06 22:23:18

【问题描述】：

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

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 小时，即使它是更长的时间。

【问题讨论】：

Code for a simple javascript countdown timer?的可能重复

【参考方案1】：

如果我理解你的问题，这应该可行：

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

【参考方案2】：

如果您只想倒计时直到您的日期（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,output

这应该让你开始......希望这会有所帮助