setInterval的使用方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h3 id="hid">0</h3>
<script type="text/javascript">
var hid = document.getElementById("hid");
var num = 1;
function myTime(){
hid.innerHTML = num;
num++;
}
setInterval("myTime()",1000); // setInterval是每隔time毫秒执行一次函数
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h3 id="hid">0</h3>
<script type="text/javascript">
var hid = document.getElementById("hid");
var num = 1;
var sid = null; // 存放setInterval
function myTime(){
hid.innerHTML = num;
if(num == 5){
clearInterval(sid);
}
num++;
}
sid = setInterval("myTime()",1000); // 存储起来
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h3 id="hid">0</h3>
<button onclick="clearInterval(sid)">点击停止</button>
<script type="text/javascript">
var hid = document.getElementById("hid");
var num = 1;
var sid = null; // 存放setInterval
function myTime(){
hid.innerHTML = num;
num++;
}
sid = setInterval("myTime()",1000); // 存储起来
</script>
</body>
</html>
JavaScript定时函数(2)setInterval与clearInterval
原文:http://my.oschina.net/mpf/blog/526823