js定时器setInterval()的使用

最新推荐文章于 2024-05-01 15:56:17 发布

Geek_ymv

最新推荐文章于 2024-05-01 15:56:17 发布

阅读量3k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/Geek_ymv/article/details/40393625

版权

JavaScript 专栏收录该内容

35 篇文章 1 订阅

订阅专栏

效果图如下

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>New Web Project</title>
		
		<script type="text/javascript">
		
			var interval = null;
			var time = 10;
		
			window.onload = function() {
				interval = window.setInterval("changeValue()", 1000);
			}		
			
			var changeValue = function() {

				if(time == 1) {
					document.getElementById("agree").disabled = false;
					document.getElementById("agree").value = "同意";		
					window.clearInterval(interval);
				}else {
					time--;
					document.getElementById("agree").value = "同意(" + time + ")";	
				}
			}

		</script>
		
	</head>
	<body>
	
		<input type="button" value="同意(10)" id="agree" disabled="true" />
	</body>
</html>