使用javascript实现简单倒数计时功能

最新推荐文章于 2022-06-22 16:18:11 发布

Longerandlonger

最新推荐文章于 2022-06-22 16:18:11 发布

阅读量3.5k

点赞数

分类专栏： javascript 文章标签： javascript dao function action

本文链接：https://blog.csdn.net/Longerandlonger/article/details/7359995

版权

本文介绍了如何使用JavaScript创建一个带有停止功能的简单倒数计时器。重点在于理解disabled属性的用法，以及在JavaScript中字符串'false'和'true'被视为布尔值true的细节。

摘要由CSDN通过智能技术生成

<head>
</head>
<body>
	<button οnclick="dao_shu_ji_shi();">开始倒数</button>
	<form name=register>
		<input type="hidden" name="action" value="agree" />
		<input type="submit" value="同意注册" id="id_btn_submit" disabled="true" />
	</form>
	
	<script type="text/javascript">
		var sec=5;
		function dao_shu_ji_shi(){
			//sec=5; //sec也可以在这里定义，但是sec前面不能有“var”
			document.forms.register.id_btn_submit.disabled=true;
			for(var i=0;i<=sec;i++) {
				window.setTimeout("doUpdate("+i+")", i*1000);
			}
		}
		function doUpdate(num) {
			if(num == sec) {
				document.forms.register.id_btn_submit.disabled=false;
				document.forms.register.id_btn_submit.value="同意注册";
			} else {
				wut = sec-num;
				document.forms