Question

我想从一个数字倒计时，让我们说100。但我不希望倒数显而易见，例如几秒钟。我希望像下面这样的3个间隔，如果它们可以是随机的，那就更好了。每个号码都有变化，我想设置一个包含新值的cookie。

2秒
8秒
14秒

所以它的工作原理如下：

用户登陆页面，查看数字 100 ，然后在2,8或14秒后， 100 减少到99，依此类推，直至达到0假设用户看到2个间隔，并留下 98 ，该值应该在cookie中设置，所以当他们再次访问该页面时，看不到100，而是新值。 / p>

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

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;
});

这是未经测试但应该做的伎俩;希望它有所帮助！

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

1 个答案: