如何获得只显示小时的倒计时
How to get a countdown just showing hours?
我需要倒计时方面的帮助。我使用以下脚本生成倒计时。
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,输出
这应该让你开始。。。希望这对有帮助
相关文章:
- 内部分区字体大小获胜'调整浏览器窗口大小时不会随媒体查询而更改
- 调整窗口大小时,可拖动的对象会出现在容器外部
- 用每小时的差值填充数组/列表-从下拉列表中给定两个时间值
- 每小时倒计时一次,但以30分钟为单位
- jQuery每6小时倒计时一次
- 如何获得只显示小时的倒计时
- jQuery倒计时隐藏天/小时/分钟(如果没有)
- 周期性倒计时计时器,每18小时一次,有特定的开始日期
- 设置剩余24小时倒计时
- 如何使用设置为特定时间的小时、分钟和秒进行倒计时
- Javascript小时倒计时错误
- 如何在JS/PHP的Microtime中从服务器时间倒计时到最接近的半小时
- 每8小时到达00:00:00时刷新页面并重新开始倒计时
- 倒计时小时和分钟
- 自定义倒计时脚本,每8小时重新启动一次
- 倒计时脚本小时倒计时百分比下降
- Flipclock js倒计时1小时不复位
- 在javascript中创建一个倒计时计时器,在1小时后开始倒计时
- 用Javascript倒计时到每周六,然后打开一个3小时的括号
- 倒计时计时器每12小时重置一次