jquery计时器实现
所有,
是否有一个jQuery计时器,可以启动计时器20分钟,显示时间已过? 请指出一个小代码。
var austDay = new getTime(); austDay = new getSeconds(austDay); var duration = 1200; duration += austDay;
谢谢
不确定jQuery解决方案,但无论如何都很简单:
var elapsed = 0; var interval; var total = 60 * 20; // 20 mins in seconds function showElapsedTime() { if(elapsed < total) { elapsed += 1; // If you want you can convert the seconds elapsed to minutes and seconds // here before you display them $('#elapsed').html(elapsed); } else { clearInterval(interval); alert('Done'); } } $(function(){ interval = setInterval(showElapsedTime, 1000); });
其中#elapsed
是要显示已用时间的div
或span
元素。
有很多 计时器 插件 ,但无论如何它们都只是setTimeout
和setInterval
抽象,我不确定它们是否真的更简单易用。
以下是使用jQuery Timers插件的示例。 您可以根据自己的需要进行更改。
$("#start").click(function() { $("#example_2").everyTime(1000, 'timer2', function(i) { $(this).text(i); }, 15); }); $("#stop").click(function() { $("#example_2").stopTime('timer2'); });
你在寻找像timeX这样的插件吗?
也许这就是你可以使用的……