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

具有多个间隔设置的JavaScript/JQuery倒计时器?,javascript,jquery,cookies,time,countdown,Javascript,Jquery,Cookies,Time,Countdown,我想从一个数字开始倒计时,比如说100。但我不希望倒计时是显而易见的,比如几秒钟。我想要3个像下面这样的间隔,如果它们可以是随机的,那就更好了。每次数字更改,我都要设置一个保存新值的cookie 2秒 8秒 14秒 它的工作原理是这样的: 用户登陆页面,看到数字100,然后在2、8或14秒后,100递减到99,依此类推,直到它达到0。假设用户看到2个间隔,剩下98,那么这个值应该在cookie中设置,所以当他们再次访问页面时,不会看到100,而是新的值 很难,有什么插件可以帮助我吗?您可以将

我想从一个数字开始倒计时,比如说100。但我不希望倒计时是显而易见的,比如几秒钟。我想要3个像下面这样的间隔,如果它们可以是随机的,那就更好了。每次数字更改,我都要设置一个保存新值的cookie

  • 2秒
  • 8秒
  • 14秒
它的工作原理是这样的:

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

很难,有什么插件可以帮助我吗?

您可以将jQuery插件与jQuery插件一起使用,如下所示:

HTML:

这是未经测试,但应该做的把戏;希望有帮助

<div id="timer"></div>
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;
});