通过setTimeout和clearTimeout控制定时器的开关代码,JS代码库,德仔网

代码语言

代码分类

【JS】通过setTimeout和clearTimeout控制定时器的开关

作者:GJamin / 发布于2014/1/28/ 436

通过setTimeout和clearTimeout控制定时器的开关

<!DOCTYPE html>
<html>
<head>
<script>
var c=0;
var t;
var timer_is_on=0;

function timedCount()
{
document.getElementById('txt').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>
<form>
<input type="button" value="Start count!" onclick="doTimer()" />
<input type="text" id="txt" />
<input type="button" value="Stop count!" onclick="stopCount()" />
</form>

Click on the "Start count!" button above to start the timer. The input field will count forever, starting at 0. Click on the "Stop count!" button to stop the counting. Click on the "Start count!" button to start the timer again.

</body>
</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　t控制定时器　

同语言下

可能有用的

GJamin贡献的其它代码(1)

.通过setTimeout和clearTimeout控制定时器的开关