javaScript 延时发送

最新推荐文章于 2024-08-30 08:45:00 发布

jettzed

最新推荐文章于 2024-08-30 08:45:00 发布

阅读量899

点赞数

文章标签： html javascript 定时器

本文链接：https://blog.csdn.net/jettzed/article/details/52223892

版权

<!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>