青则清 javascript源码之js实现的一个简单的计时器
学习window对象的setTimeout()方法和clearTimeout()方法,学习制作了一个简单的计时器,分享给大家。
页面源码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>color</title>
</head>
<body>
<script language="javascript">
var flag=0;
var timeID;
function beg(){
var i=form1.num.value;
i++;
form1.num.value=i;
timeID=setTimeout("beg()",1000);
}
function str(){
if(flag==0)
{
beg();
flag=1;
}
}
function pau(){
clearTimeout(timeID);
flag=0;
}
</script>
<form id="form1" name="form1" method="post" action="">
<input type="text" name="num" size="2" value="0" readonly="yes">
<input type="button" name="start" value="start" onclick="str();">
<input type="button" name="pause" value="puase" onclick="pau();">
</form>
</body>
</html>