JavaScript/JQuery 倒计时器具有多个间隔设置？

Question

我想从一个数字开始倒计时，比如说 100。但我不希望倒计时很明显，比如以秒为单位。我想要 3 个如下所示的间隔，如果它们可以是随机的，那就更好了。每次数字发生变化，我都想设置一个 cookie 来保存新值。

• 2 秒
• 8 秒
• 14 秒

所以它的工作原理如下：

用户登陆页面，看到数字 100，然后 2,8 或 14 秒后， 100 递减到 99，依此类推，直到达到 0。假设用户看到 2 个间隔，剩下 98，该值应该在 cookie 中设置，因此当他们再次访问该页面，看到的不是 100，而是新值。

很难，有什么插件可以帮助我吗？

Answer 1

您可以使用 $.doTimeout() jQuery 插件以及 $.cookie() jQuery 插件如下：

HTML:

<div id="timer"></div>

JavaScript:

var timer = ($.cookie('timer_cookie') != '') ? $.cookie('timer_cookie') : 100; // Current Timer
var intervals = [2000,8000,14000]; // Available Timer Intervals
var rand = Math.floor(Math.random()*intervals.length) // Random Number for Choosing Intervals

$('#timer').text(timer);
$.doTimeout('timer_id', intervals[rand], function(){
    timer = parseInt($('#timer').text()) - 1;        
    $('#timer').text(timer);
    $.cookie('timer_cookie', timer);    
return true;
});

这是未经测试的但应该能解决问题；希望有帮助！