在javascript中,通过给settimeout()方法设置需要调用的函数或要执行的代码串参数,和延迟的时间参数;在调用settimeout()方法就可以设置一个简单的定时器。

在JS中,提供了一些原生方法来实现在设定的时间间隔之后去执行某一段代码;setTimeout()方法设置的是一次性定时器,是仅在指定的延迟时间之后触发一次。下面我们就来看看setTimeout()方法如何设置定时器。
setTimeout()方法
setTimeout():设置一次性定时器,在指定的毫秒数后调用函数或计算表达式;会在载入时延迟指定时间后,去执行一次表达式,仅执行一次。【相关视频教程推荐:JavaScript教程】
语法:
立即学习“Java免费学习笔记(深入)”;
setInterval(code,millisec,lang);
参数说明:
code:必需的参数,表示需要调用的函数或要执行的代码串。
millisec:必须的参数,表示周期性执行或调用 “code参数”前的时间间隔,以毫秒为单位计时(1s=1000ms)。
lang 可选的参数。
setTimeout()方法的示例:
html代码:
点击按钮,在等待 3 秒后弹出 "Hello"。
js代码:
function myFunction()
{
setTimeout(function(){alert("Hello")},3000);
}效果图:
传媒企业网站系统使用热腾CMS(RTCMS),根据网站板块定制的栏目,如果修改栏目,需要修改模板相应的标签。站点内容均可在后台网站基本设置中添加。全站可生成HTML,安装默认动态浏览。并可以独立设置SEO标题、关键字、描述信息。源码包中带有少量测试数据,安装时可选择演示安装或全新安装。如果全新安装,后台内容充实后,首页才能完全显示出来。(全新安装后可以删除演示数据用到的图片,目录在https://

setTimeout()设置无限循环的定时器
使用setTimeout()方法也可以实现无限循环的定时器,我们需要编写一个函数来调用其自身。此时setTimeout()方法会无限循环,如果想要停止定时器,就需要使用clearTimeout()方法。
clearTimeout()方法
clearTimeout():用来取消setTimeout()设置的定时器,在设置setTimeout()进行无限循环时使用。
语法:
立即学习“Java免费学习笔记(深入)”;
clearTimeout(id_of_setTimeout);
参数说明:
id_of_setTimeout:表示由 setTimeout() 返回的 ID 值。
注:该值标识要取消的延迟调用的函数或延迟执行的代码串;
setTimeout()方法和clearTimeout()方法的联合示例
效果图:

可以看出,一开始setTimeout()设置的定时器在无限循环,使得input框中的数字在不断的增大,当按下Stop按钮后,就会调用clearTimeout()方法,停止setTimeout()定时器,数字就停止增加,保持为数字11。
总结:以上就是本篇文章的全部内容,希望能对大家的学习有所帮助。










