JS实现定时器

前端之家收集整理的这篇文章主要介绍了JS实现定时器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

导出:jquery.timers-1.2.js

jQuery Timers提供了三个函式

1. everyTime(时间间隔,[定时器名称],函式名称,[次数限制],[等待函式程序完成])2. oneTime(时间间隔,呼叫的函式)3. stopTime ([定时器名称],[函式名称])

官方虽然有Demo,但是却没有列出使用的原始码,即便右键检视原始码,里面也没有完整针对每一种情况写出一组程序说明,所以我只好试着测试函式了。以下为测试程序报告:

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354/************************************************************** everyTime(时间间隔,[等待函式程序完成])*************************************************************/ //每1秒执行函式test() function test(){ //do something... } $('body').everyTime('1s',test); //每1秒执行 $('body').everyTime('1s',function(){ //do something... }); //每1秒执行,并命名定时器名称为A $('body').everyTime('1s','A',function(){ //do something... }); //每20秒执行,最多5次,并命名定时器名称为B $('body').everyTime('2das','B',function(){ //do something... },5); //每20秒执行,无限次,并命名定时器名称为C //若时间间隔抵到,但函式程序仍未完成则需等待执行函式完成后再继续计时 $('body').everyTime('2das','C',function(){ //执行一个会超过20秒以上的程序 },true); /************************************************************ oneTime(时间间隔,呼叫的函式)***********************************************************/ //倒数10秒后执行 $('body').oneTime('1das',function(){ //do something... }); //倒数100秒后执行,并命名定时器名称为D $('body').oneTime('1hs','D',function(){ //do something... }); /************************************************************* stopTime ([定时器名称],[函式名称])************************************************************/ //停止所有的在$('body')上定时器 $('body').stopTime (); //停止$('body')上名称为A的定时器 $('body').stopTime ('A'); //停止$('body')上所有呼叫test()的定时器 $('body').stopTime (test);

原文链接:https://www.f2er.com/js/69590.html

猜你在找的JavaScript相关文章