第37课在JavaScript中实现带有停止功能的无限循环的计时功能

作者(出处):百宝箱工作室发布时间:2015年3月28日 11:46:59查阅量:483

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>百宝箱工作室IT微课堂 http://www.baibaox.com</title>
<script>
var c=0;
var t;
var timer_is_on=0;
function timedCount(){
	document.getElementById('text').value=c;
	c=c+1;
	t=setTimeout(function(){timedCount()},1000);
}
function doTimer(){
	if (!timer_is_on){
		timer_is_on=1;
		timedCount();
	}
}
function stopCount(){
	clearTimeout(t);
	timer_is_on=0;
}
</script>
</head>

<body>
<p></p>
<p>
单击开始按钮,按下时开始计数,文本框将从0开始一直计数。单击停止按钮,按下时停止计数,再次单击开始按钮,又接着开始计数。
</p>
<form>
<input type="button" value="开始" onclick="doTimer()" />
<input type="text" id="text" />
<input type="button" value="停止" onclick="stopCount()" />
</form>
</body>
</html>
百宝箱网络工作室  版权所有  
站长QQ:1617818397  站长E-mail:1617818397@qq.com
Powered by www.baibaox.com  Copyright © 2011-2018
点击这里给我发消息