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

现有一个js方法send(),如何实现点击按钮后过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”文本。

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-06-09
先介绍两个函数
setTimeout 等待函数 这个函数有两个参数 第一个是要执行的函数 第二个是要等待的时间(该函数只执行一次)
setInterval同样是等待函数 参数和setTImeout一样 (这个函数会一直执行 )
所以根据你的需求只需要这样写就可以了setTimeout(send,1000);本回答被网友采纳
第2个回答  2019-12-21
需要准备的材料分别有:电脑、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”文本。
第3个回答  2017-05-29
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>

<p>点击按钮一秒后触发事件</p>
<button id="btn">点击</button>

<script>
window.onload = function(){
//获取按钮节点并添加点击事件
var myBtn = document.getElementById("btn");
btn.onclick = function (){
//定时器,一秒后触发
setTimeout(tip,"1000");
}
//事件函数
function tip(){
alert("是不是过了一秒?");
}
}
</script>
</body>
</html>

第4个回答  2017-05-17
js有一个定时器,settimeout()。这个可以1秒后调用方法。
setTimeout(function(){alert("Hello")},1000)
这里面function(){alert("Hello")} 可以换成你的send()方法
相似回答