JS定时器例子讲解.docx

JS定时器例子讲解在javascritp中，有两个关于定时器的专用函数，分别为：1.倒计定时器：timename=setTimeout(function();,delaytime);2.循环定时器：timename=setInterval(function();,delaytime);第一个参数“function()”是定时器触发时要执行的动作，可以是一个函数，也可以是几个函数，函数间用“；”隔开即可。比如要弹出两个警告窗口，便可将“function();”换成“alert(第一个警告窗口!);alert(第二个警告窗口!);”；而第二个参数“delaytime”则是间隔的时间，以毫秒为单位，即填写“5000”，就表示5秒钟。倒计时定时器是在指定时间到达后触发事件，而循环定时器就是在间隔时间到来时反复触发事件，两者的区别在于：前者只是作用一次，而后者则不停地作用。比如你打开一个页面后，想间隔几秒自动跳转到另一个页面，则你就需要采用倒计定时器“setTimeout(function();,delaytime)” ，而如果想将某一句话设置成一个一个字的出现，则需要用到循环定时器“setInterval(function();,delaytime)” 。获取表单的焦点，则用到document.activeElement.id。利用if来判断document.activeElement.id和表单的ID是否相同。比如：if (mid = document.activeElement.id) alert();,mid便是表单对应的ID。定时器：用以指定在一段特定的时间后执行某段程序。JS中定时执行,setTimeout和setInterval的区别,以及l解除方法setTimeout(Expression,DelayTime),在DelayTime过后,将执行一次Expression,setTimeout 运用在延迟一段时间，再进行某项操作。setTimeout(function,time) 设置一个超时对象setInterval(expression,delayTime),每个DelayTime,都将执行Expression.常常可用于刷新表达式.setInterval(function,time) 设置一个超时对象SetInterval为自动重复，setTimeout不会重复。clearTimeout(对象) 清除已设置的setTimeout对象clearInterval(对象) 清除已设置的setInterval对象略举两例。例1.表单触发或加载时，逐字输出字符串无标题文档var str = 这个是测试用的范例文字;var seq = 0;var second=1000; /间隔时间1秒钟function scroll() msg = str.substring(0, seq+1);document.getElementByIdx_x_x(word).innerHTML = msg;seq+;if (seq = str.length) seq = 0;例2.当焦点在输入框的时候，定时检查输入框信息，焦点不在时不执行检查动作。无标题文档var second=5000; /间隔时间5秒钟var c=0;function scroll() c+;if (b = document.activeElement.id) var str=定时检查第 +c+ 次;if(document.getElementByIdx_x_x(b).value!=)str+=输入框当前内容为当前内容为 +document.getElementByIdx_x_x(b).value+;document.getElementByIdx_x_x(word).innerHTML = str;例3.下面这个是最简单的例子，定时器时间到达后弹出警告窗口。function count() document.getElementByIdx_x_x(m).innerHTML=计时已经开始！;setTimeout(alert(十秒钟到！),10000)例4:倒计时定时跳转base href=My JSP ds04.jsp starting page3 秒后自动跳转function countDown(secs)tiao.innerText=secs;if(-secs0) setTimeout(countDown(+secs+),1000);countDown(3);例6: 例7:setTimeout(window.location.href=b.html, 2000);/下面两个都可以用/setTimeout(javascript:location.href=b.html, 2000);/setTimeout(window.location=b.html, 2000);例8:2var second = document.getElementByIdx_x(totalSecond).innerHTML;if(isNaN(second)/不是数字的处理方法elsesetInterval(functi