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

JavaScript021

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”文本。

javascript提供了setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,因此延迟1秒后执行一个函数可以如下代码实现:

setTimeout("fun()",1000)   // fun()是自定义函数

下面实例演示:打开页面后倒计时3秒,然后弹出对话框

1、HTML结构

<div id="test">3</div>

2、javascript代码

function fun(n){

if(n>0){

n--

document.getElementById("test").innerHTML = n

setTimeout("fun("+n+")",1000)

}

else

alert("时间到!!")

}

window.onload = function(){

setTimeout("fun(3)",1000)

}

3、效果演示