如何使用setTimeout方法
这篇文章给大家分享的是有关如何使用setTimeout方法的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。
10年积累的成都做网站、网站建设经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站设计后付款的网站建设流程,更有扬州免费网站建设让你可以放心的选择与我们合作。
setTimeout()方法将在以毫秒为单位指定的时间后调用函数,setTimeout方法需要2个参数:对回调函数的引用和以毫秒为单位的延迟,本篇文章我们就来看一下setTimeout方法的具体用法。
我们先来看一下setTimeout的基本语法
setTimeout(function, milliseconds, param_one, param_two, ...)
要停止setTimeout并阻止执行该函数,需要使用clearTimeout()方法。
setTimeout()方法返回一个可以在clearTimeout()方法中使用的ID。
我们来看一个简单的示例
代码如下
以上代码在2秒后会打开弹窗。
示例2
此示例将每2秒(3次)更改元素的文本。为此,必须将某些HTML元素的ID设置为“counter”。
代码如下
单击下面的按钮。输入字段将显示经过2、4和6秒。
浏览器上显示效果如下
当点击左侧按钮,就会在文本框中显示经过了2、4、6秒
如果在计时器用完之前调用“samplestopfunction”,则此示例将停止“timeout”。
代码如下
等待3秒钟后,单击第一个按钮显示“Hi”。
单击第二个按钮以阻止执行第一个函数
(必须在3秒钟前单击它)
浏览器上显示效果如下
感谢各位的阅读!关于如何使用setTimeout方法就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!
本文名称:如何使用setTimeout方法
网址分享:http://ybzwz.com/article/pcsdoc.html