<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>延迟发送</title>
<script>
var id = null;
function send1() {
//如果已启动定时器，
//就不要再次启动了。
if(id) {
return;
}
//正在发送
var div = document.getElementById("msg");
div.innerHTML = "正在发送...";
//延迟2s，发送数据
id = setTimeout(function(){
//发送成功
div.innerHTML = "发送成功";
//执行一次，自动停止
id = null;
}, 2000);
}
function cancel() {
if(id) {
clearTimeout(id);
var div = document.getElementById("msg");
div.innerHTML = "已取消";
id = null;
}
}
</script>
</head>
<body>
<p>
<input type="button" value="发送"
οnclick="send1();"/>
<input type="button" value="取消"
οnclick="cancel();"/>
</p>
<div id="msg"></div>
</body>
</html>
转载请注明原文地址: https://ju.6miu.com/read-1311455.html
