小编Jam*_*are的帖子

使用 Moment.js 实现 24 小时倒计时器

我需要帮助在 moment.js 中实现 24 小时倒计时器。这是我的代码:

<script>
window.onload = function(e){

var $clock = $('#clock'),

duration1 = moment.duration({
    'seconds': 30,
    'hour': 0,
    'minutes': 0,
    'days':0
});
duration2 = moment.duration({
    'seconds': 60,
    'hour': 0,
    'minutes': 0,
    'days':0
});

diff=duration2-duration1;
duration=moment.duration(diff, 'milliseconds');


interval = 1000;
setInterval(function(){    
    duration = moment.duration(duration.asMilliseconds() - interval, 'milliseconds');            
    $('#clock').text(duration.days() + 'd:' + duration.hours()+ 'h:' + duration.minutes()+ 'm:' + duration.seconds() + 's');    
 }, interval);
</script>
Run Code Online (Sandbox Code Playgroud)

问题是每当我刷新页面时计时器也会刷新。我该如何解决这个问题。如果有更好的方法来实现这一点,请分享。

谢谢

javascript timer momentjs

3
推荐指数
1
解决办法
7137
查看次数

标签 统计

javascript ×1

momentjs ×1

timer ×1