首页 > web前端 > 前端问答 > javascript怎么设置延迟几秒

javascript怎么设置延迟几秒

WBOY
发布: 2022-02-08 11:52:35
原创
8094 人浏览过

在JavaScript中,可以利用setTimeout()方法设置延迟几秒,该方法用于在指定的毫秒数后调用函数或计算表达式,语法为“setTimeout(要执行的代码,等待的毫秒数)”。

javascript怎么设置延迟几秒

本教程操作环境:windows10系统、javascript1.8.5版、Dell G3电脑。

javascript怎么设置延迟几秒

setTimeout() 是属于 window 的方法,该方法用于在指定的毫秒数后调用函数或计算表达式。

语法格式可以是以下两种:

setTimeout(要执行的代码, 等待的毫秒数)
setTimeout(JavaScript 函数, 等待的毫秒数)
登录后复制

示例如下:

setTimeout("alert('这是3秒后出现的')", 3000 )
登录后复制

3秒后的输出结果:

23.png

示例如下:

<html>
<head>
<script type="text/javascript">
function timedMsg()
{
var t=setTimeout("alert(&#39;5 seconds!&#39;)",5000)
}
</script>
</head>
<body>
<form>
<input type="button" value="显示计时的消息框!" onClick = "timedMsg()">
</form>
<p>点击上面的按钮。5 秒后会显示一个消息框。</p>
</body>
</html>
登录后复制

输出结果:

24.png

点击按钮5秒后输出结果:

25.png

相关推荐:javascript学习教程

以上是javascript怎么设置延迟几秒的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板