JavaScript 延迟执行，定时器的学习 clearTimeout ，setTimeout
2016-08-25 16:00
591 查看
<!DOCTYPE html>
<html>
<head>
<title>倒计时</title>
<meta charset="utf-8">
</head>
<script type="text/javascript">
var c = 0;
var t;
function onChange(){
document.getElementById('myText').value = c;
c += 1;
t = setTimeout("onChange()", 1000);
}
function onStop () {
c = 0;
clearTimeout(t);
document.getElementById("myText").value = c;
}
</script>
<body>
<input type="button" value="点击按钮，进行倒计时" onclick="onChange()">
<input type="text" id="myText">
<input type="button" value="点击按钮，停止倒计时" onclick="onStop()">
</br>
<p>点击按钮，将从0 开始进行循环 + 1</p>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Javascript延迟执行实现方法(setTimeout)
- 【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- 【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- 【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- Javascript setTimeout 带参数延迟执行 闭包实现
- 【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- JavaScript延迟函数的学习--setTimeout--clearTimeout
- 定时器使用和延迟执行
- LINUX内核之中断（5）--定时器与延迟执行
- JavaScript : WINDOW FOR JAVASCRIPT,熟练window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、setInterval、clearInterval、
- Javascript学习---2、执行环境，作用域
- Javascript 中的定时器: setTimeout() 和 setInterval()
- 如何使用定时器settimeout、setInterval执行能传递参数的函数
- JavaScript 之setTimeout 每隔一定时间执行一个事件
- 【JavaScript】延迟执行某个动作
- 我要每天进步多一点系列： javascript-定时器setTimeout使用心得
- 使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- Linq 学习(7) 延迟执行 & 查询非泛型集合
- 关于Javascript的延迟执行
- javascript延迟，时间延迟执行