js如何实现等待1秒后执行一个事件

js如何实现等待1秒后执行一个事件,第1张

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<body>标签中输入:<button onclick="setTimeout(send, 1000)">缓烂宽btn</button>,<script>标签中输入js代码:function send() {document.body.innerText = 'use send'}。

3、浏扰亮览器运行index.html页面,点击btn按钮。

4、等待1秒后,确实执行了send()方法打印了“use send”文历基本。

方法:function wait(seconds){

//code

}

调用时直接用

..

wait(10)

...

来实现等待10秒简冲的功含雹能,而不用调用 settimeout 或 setinterval,用上面的方法就谈咐帆可以实现。

js不能直接让运行中的js代码停在某一步等待一段时间后继续向后执行。

但可以使用setTimeout或setInterval可以让js在需要的时候启饥兆坦动一个定时器。

需要猜拆延迟运行的代码放到setTimeout或setInterval块内即可。

如下代码即实现了类似功能

上面的脚本执行后,浏览器会依次d出4个对话框,分别显示内容“现在开始运行程序脚本”,“脚本1”,“脚本2”,“脚本4”,当你点掉显示“脚本4”的对话框以后(尽量立即点掉),大约过10秒左右会d出第五个“脚本3”的对话框。

另外,虽然while、烂桐if等以时间为条件的循环,强制执行死循环可以达到阻塞程序代码运行的目的,但会极大的消耗系统资源,一般开发程序是要严格避免这种方式的。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12373176.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-24
下一篇 2023-05-24

发表评论

登录后才能评论

评论列表(0条)

保存