如何使用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秒。

浏览器上显示效果如下

如何使用setTimeout方法

当点击左侧按钮,就会在文本框中显示经过了2、4、6秒

如果在计时器用完之前调用“samplestopfunction”,则此示例将停止“timeout”。

代码如下





等待3秒钟后,单击第一个按钮显示“Hi”。

单击第二个按钮以阻止执行第一个函数
(必须在3秒钟前单击它)

浏览器上显示效果如下

如何使用setTimeout方法

感谢各位的阅读!关于如何使用setTimeout方法就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!


网站名称:如何使用setTimeout方法
文章起源:http://scyanting.com/article/pcsdoc.html