本文主要介绍js中定时器的使用。有需要的朋友可以过来参考一下,希望能帮到你。
在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.当焦点在输入框时,定期检查输入框的信息,焦点不在时不要执行检查动作。
复制代码如下:DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD html xmlns= http://www . w3 . org/1999/XHTML head meta http-equiv= Content-Type Content= text/html;Charset=gb2312 /title无标题文档/标题脚本language= JavaScript type= text/JavaScript var second=5000;//间隔时间为5秒var c=0;函数scroll(){ c;if( b ==document . active element . id){ var str=定期检查b c /b时间br/;if(document . getelementbyidx _ x _ x( b )。值!=){str=输入框的当前内容是br/b 文档。GetElementByidx _ x _ x (b )。值“/b”;} document . getelementbyidx _ x _ x( word )。innerHTML=str} }/script/headbody textarea id= b name= b style= height:100px;宽度:300像素;onfocus=setInterval(scroll(),second)/textarea br/br/div id= word /div br/br//body/html
3.下面是一个最简单的例子。当计时器时间到达时,会弹出一个警告窗口。