javascript定时器教程 (js定时器的使用)

大家上午好，今天小编给大家奉上代码：JavaScript--定时器

javascript定时器越走越快,JavaScript中计时器函数

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>定时器</title>
</head>
<body>
<div style="width: 300px;height: 200px;background-color: #EEE;" id="divid"></div>
<script type="text/javascript">
var timer1;
function timeout(){
timer1 = window.setTimeout("f1()",1000);
}
function f1(){
document.getElementById("divid").innerHTML += "1";
}
function closetimeout(){
window.clearTimeout(timer1);
}
</script>
<script type="text/javascript">
var timer2;
function interval(){
timer2 = window.setInterval("f2()",1000);
}
function f2(){
document.getElementById("divid").innerHTML += "2";
}
function closeinterval(){
window.clearInterval(timer2);
}
</script>
<br><br><br>
<input type="button" onclick="timeout()" value="开启一次性定时器">
<input type="button" onclick="closetimeout()" value="关闭一次性定时器">
<br><br><br>
<input type="button" onclick="interval()" value="开启周期性定时器">
<input type="button" onclick="closeinterval()" value="关闭周期性定时器">
</body>
</html>

javascript定时器越走越快,JavaScript中计时器函数

更多精彩内容详情关注百战程序员，喜欢本文的小伙伴不要吝惜自己的小手，点点关注哟，小编会奉送更多有用的知识给大家的！

javascript定时器越走越快,JavaScript中计时器函数