JavaScript Wait:为你的网页添加动态定时事件betway体育官网下载 - betwayiosapp,betwayapp下载安装,betway必威注册官网

Udemy编辑器

在站点中添加JavaScript是一种将乏味的静态页面转变为生动的交互式页面的好方法。

您的网站新发现的部分动态可能需要某些JavaScript函数暂停，或等待，在执行下一个代码块。开发人员可能会发现自己在搜索一个JavaScript wait()函数或类似的东西。也许最接近的是JavaScript的计时事件集，包括setTimeout()函数，我们将在本指南中进一步了解它。

本指南假定您对JavaScript有基本的理解。有什么事要做吗?尝试这个JavaScript新手课程。

setTimeout()函数

JavaScript中的setTimeout()函数可用于在指定的毫秒数后触发代码块。函数的语法如下:

setTimeout(函数、毫秒);

这里，你可以代入函数使用所需的JavaScript函数，以及毫秒您希望代码在执行特定函数之前等待的毫秒数。

setTimeout()例子

假设您希望在用户单击web页面上的一个按钮后，即两秒钟后出现一条消息。

你有你的HTML文档…

＜！DOCTYPE html>  …< /身体> < / html >

但接下来呢?

步骤1 -创建按钮

<按钮onclick = " exampleFunction ()“>点击这里!< / >按钮

我们的按钮是“点击这里!”单击此按钮时，将执行标题为exampleFunction()的函数。

步骤2 -写入setTimeout()函数

在

我们的网页，包括按钮和延迟提示框，应该是这样的:

setTimeout

(通过上的代码编辑器编辑和测试代码W3Schools.com．)

如果需要额外帮助，请结账JavaScript:初学者指南．

删除setTimeout()函数的作用

如果环境需要它，您可以创建一种方法让用户在执行指定的代码块之前取消setTimeout()函数。这是通过clearTimeout()函数完成的。唯一的条件是clearTimeout()函数必须在setTimeout()函数的毫秒时间帧结束之前被触发。否则，它不能有效地抵消函数。

为了使用clearTimeout()函数，您需要为setTimeout()函数使用一个全局变量。

定时器= setTimeout(功能、毫秒);

让我们看看clearTimeout()函数的实际作用!

＜！点击按钮。两秒钟后，将出现提示。
 在两秒结束前单击第二个按钮，不会出现提示。< / p > <按钮onclick = " exampleFunction ()“>点击这里!< / >按钮

我们所做的是创建两个按钮，一个触发exampleFunction，另一个触发stopFunction。单击exampleFunction按钮将触发我们的setTimeout()函数，它将在两秒钟后创建一个弹出提示，显示“You did it!”这个函数与全局变量myTimer关联。

单击stopFunction按钮将触发clearTimeout()函数，它将结束与myTimer变量关联的函数。如果用户单击第一个按钮，然后在两秒结束前单击第二个按钮，则不会出现提示。

感觉失去了吗?看看入门级JavaScript课程更多的帮助!

setInterval()函数

可以使用setInterval()函数(JavaScript的另一个计时方法)重复执行代码块，每隔一个指定的时间间隔执行一次。这将一直持续下去，直到函数被清除。

setInterval()函数的语法与setTimeout()函数的语法相同:

setInterval(功能、毫秒);

和前面一样，第一个参数需要是一个函数。第二个参数仍然是以毫秒为单位的时间值，但它将用于指定函数应发生的频率。例如:每2000毫秒，每5000毫秒，等等。

例子

单击该按钮将在两秒后触发提示。
 退出提示符后，2秒后会再次出现另一个。< / p > <按钮onclick = " exampleInterval ()“>点击这里!< / >按钮< >脚本函数exampleInterval() { setInterval(function(){alert("You did it... again!")},2000); }

使用setInterval()的定时器示例

上面的例子有点乏味，除非你真的想惹恼你的网站浏览者，否则你不太可能使用它!为了更实际一些，让我们使用setInterval()函数创建一个计时器。

＜！DOCTYPE html>

它是什么时间?