本文主要分享一个js代码,js定时器的小例子,分为一次性定时器和一次性定时器。有需要的朋友可以参考一下。
1,只执行一次的定时器。
复制代码如下:script //timer异步运行函数hello(){ alert( hello );}//使用方法名执行方法vart1=window.settimeout (hello,1000);var t2=window.setTimeout(hello(),3000);//使用字符串执行方法window . clear time out(t1);//去掉计时器/脚本
2.重复计时器
复制代码如下:脚本函数hello(){ alert( hello );}//重复一个方法vart1=window.setinterval (hello,1000);var T2=window . setinterval( hello(),3000);//移除定时器window.clearInterval(t1)的方法;/脚本
备注:
如果一个页面中有两个方法,都是在页面加载后执行,但实际上并没有按顺序执行,那么可以参考以下方法解决问题:可以在onload方法中添加一个定时器,设置一个定时器,在运行之前“延迟”一段时间,也算是区分页面加载运行方法的顺序。
在javascritp中,有两个关于定时器的特殊函数,即:
1.倒计时定时器:time name=setTimeout( function();,delay time);2.循环计时器:time name=setInterval( function();,delay time);
第一个参数“function()”是当定时器被触发时要执行的动作。它可以是一个函数,也可以是几个函数,而“;”用于函数之间。把他们分开。例如,要弹出两个警告窗口,可以设置“function();”替换为“alert(第一个警告窗口!);Alert(第二个警告窗口!);";第二个参数“delaytime”是以毫秒为单位的间隔时间,即如果填写“5000”,则表示5秒。倒计时定时器在指定时间到达时触发事件,而循环定时器在间隔时间到达时重复触发事件。两者的区别在于前者只工作一次,而后者是连续工作的。例如,如果您打开一个页面,并希望每隔几秒钟自动跳转到另一个页面,您需要使用倒计时定时器“setTimeout( function();",delaytime)",而如果要设置某个句子一次出现一个单词,就需要使用循环定时器" setInterval( function();。延迟时间).
要获得表单的焦点,请使用document.activeElement.id使用if来确定document.activeElement.ID和表单的id是否相同。例如:if( mid ==document . active element . id){ alert();}, mid 是表单的对应id。
计时器:
用于指定某个程序在某段时间后的执行。
JS中的计时执行,setTimeout和setInterval的区别,以及L提升方法
SetTimeout (expression,DelayTime),延迟时间过后,表达式将执行一次。SetTimeout用于在执行操作之前延迟一段时间。SetTimeout(function ,time)设置一个超时对象。
Setinterval (Expression,DelayTime),每延迟一次,就执行一次表达式。它通常可用于刷新表达式。setInterval(function ,time)设置超时对象。
SetInterval自动重复,setTimeout不会重复。
ClearTimeout (object)清除setTimeout对象clearInterval (object)清除set setInterval对象。
只举两个例子。1.当表单被触发或加载时,字符串被逐字输出。
复制代码如下:htmlheadmeta http-equiv= content-type content= text/html;Charset=gb2312 /title无标题文档/title脚本language= JavaScript type= text/JavaScript var str=这是用于测试的示例文本;var seq=0;var秒=1000;//间隔时间为1秒function scroll(){ msg=str . substring(0,seq 1);document . getelementbyidx _ x _ x( word )。innerHTML=msgseqif(seq=str . length)seq=0;}/script/head body onl oad= setInterval( scroll(),second) div id= word /div br/br//body/html
2.焦点在输入框时,定期检查输入框信息,焦点不在时不检查。