js定时方法,js的定时器函数,js定时器的使用(实例讲解)

js定时方法,js的定时器函数,js定时器的使用(实例讲解)

本文主要介绍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 onload=' 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.下面是一个最简单的例子。当计时器时间到达时,会弹出一个警告窗口。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: