1. 定时器:我认为是n秒后执行一次绑定的方法。
开启:setTimeout
关闭:clearTimeout
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
//定时器
var timer;
function t() {
//开启定时器 执行型一次
timer = setTimeout("alert('hello')", 2000);
}
//关闭定时器
function t1() {
clearTimeout(timer);
}
</script>
</head>
<body>
<button οnclick="t()">启动定时器</button>
<button οnclick="t1()">关闭定时器</button>
</body>
</html>
2.计时器: 我认为是每隔n秒执行一次绑定的方法。
开启:setInterval
关闭:clearInterval
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
//计时器变量
var timer;
function t() {
//开启计时器 (方法,间隔) 该方法返回生成的计时器
timer = setInterval("alert('hello')", 2000);
}
function t1() {
//停止计时器 (计时器变量)
clearInterval(timer);
}
</script>
</head>
<body>
<button οnclick="t()"> 启动计时器</button>
<button οnclick="t1()">关闭计时器</button>
</body>
</html>
应用:走马灯效果的title
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无须强求</title>
<script type="text/javascript">
function t() {
//获得页面标题
var title = document.title;
//获得标题第一个字
var first = title.charAt(0);
//获得标题第一个往后的内容
var remain = title.substring(1, title.length);
//拼接成新的标题
document.title = remain + first;
}
//每0.5秒调用t()
setInterval("t()", 500);
</script>
</head>
<body>
</body>
</html>