Javascript — timer 事件案例
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script tpye="text/javascript">
//var big=true;
//function bigger(obj){
// var cs =parseInt(obj.style.fontSize);
// if(cs){
// if(cs>=30){
// big=false;
// obj.innerHTML="点击变小";
// }
// if(cs<=12){
// big=true;
// obj.innerHTML="点击变大";
// }
// if(big){
// cs+=2;
// }
// else{
// cs-=2;
// }
// obj.style.fontSize=cs+"px";
// }
// else{
// obj.style.fontSize="14px";
// }
//}
var timeId;
function cd(){
timeId=setInterval("bigger()",100); //在3秒钟之后会执行这个函数，setTimeout的意思就是间隔一段时间来执行谋个函数
//setTimeout只会执行一次 如果需要重复执行需要使用 setInterval
}
function sd(){
clearInterval(timeId);
}
function bigger(){
var node=document.getElementById("txt"); //获取HTML中id为txt的节点
//node.style.fontSize="200px";
var size=parseInt(node.style.fontSize);
if(size){
size+=10;
}
else{
size="14";
}
node.style.fontSize=size+"px";
}
</script>
</head>
<body>
<div id="txt">蚊子</div>
<div οnclick="cd()" style="cursor:pointer">长大</div>
<div οnclick="sd()" style="cursor:pointer">停止</div>
</body>
</html>