在JavaScript中什么是setTimeout()


这篇文章主要为大家展示了“在JavaScript中什么是setTimeout()”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“在JavaScript中什么是setTimeout()”这篇文章吧。setTimeout()是一种在定时器运行完成后执行一段代码的方法。
这是该setTimeout()方法的语法。
让我们分解一下语法。
setTimeout()将设置一个计时器,一旦计时器用完,该功能将运行。
在此方法中,您可以指定希望函数延迟多少毫秒。1,000 毫秒等于 1 秒。在本例中,消息将在 3 秒延迟后出现在屏幕上。(3,000 毫秒)如果setTimeout()方法中不存在延迟,则将其设置为零,消息将立即出现。你还可以将可选参数传递给函数。在此示例对话中,Britney 将提出问题,Ashley 的回复将延迟 3 秒。它将包括lunchMenu函数中的两个可选参数。
setTimeout()将返回timeoutID定时器的正整数和唯一 ID。

此方法用于取消setTimeout().在方法内部,您必须引用timeoutID.
这是基本语法。
在此示例中,消息将在 10 秒(10,000 毫秒)延迟后出现。但是如果用户点击Stop Timer按钮,那么setTimeout()将被取消。const timerMsg = document.getElementById(“message1”);传递字符串而不是函数被认为是不好的做法和安全风险。
避免这样写setTimeout()
一些代码编辑器会警告您并建议您改用函数。
在这种情况下,始终使用函数而不是字符串。
setTimeout()在延迟后仅执行一次函数不同,setInterval()它将每隔设定的秒数重复一次函数。如果你想停止setInterval(),那么你使用clearInterval().
setInterval()setTimeout()的语法:
在这个例子中,我们有一条每秒被打印到屏幕上的销售信息。
Saleendssoon.BUYNOW!在setTimeout()方法内部,我们使用clearInterval()10 秒后停止打印消息。
就像 with 一样setTimeout(),您必须在方法中使用计时器的唯一 IDclearInterval()
现在,我们知道如何setTimeout()setInterval()工作,让我们来看看它是如何能应用到实际功能,在网站上的例子。
在这个例子中,我们有一个进度条,它会在页面加载 2 秒后开始。在 中setTimeout(),只要条形宽度不是 100%,我们setInterval()就会执行该animate()函数。
animate()函数内部,我们有另一个setTimeout()在进度条已满时将显示 100% 。
进度条只是您可以使用setTimeout()和创建的众多动画之免费云主机域名setInterval()。您也可以在构建在线游戏时使用这些方法。
setTimeout()是一种在定时器运行完成后执行一段代码的方法。
延迟以毫秒为单位设置,1,000 毫秒等于 1 秒。
如果setTimeout()方法中省略了延迟,则延迟设置为 0,函数将执行。
您还可以将可选参数传递给函数。
setTimeout()将返回timeoutID定时器的正整数和唯一 ID。
出于安全原因,不要使用字符串代替函数,这一点很重要。
如果要取消,setTimeout()则需要使用clearTimeout()如果您想在设定的秒数内重复执行一段代码,那么您可以使用setInterval().
setTimeout()可用于构建基本的 JavaScript 动画和在线游戏。
以上是“在JavaScript中什么是setTimeout()”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注百云主机行业资讯频道!

相关推荐: 如何理解Java中的逃逸

这篇文章主要讲解了“如何理解Java中的逃逸”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“如何理解Java中的逃逸”吧! 在Java的编译体系中,一个Java的源代码文件变成计算机可执行的机器指令的过程中,需要…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 08/19 08:00
下一篇 08/19 08:00

相关推荐