一.JS定时器
定时器:固定一个周期,执行某一项任务
1.设置定时器
循环定时器:
setInterval()
一次性定时器:
setTimeout()
代码:
<script>
function run1(){
alert("你好");
}
//循环定时器:
//setInterval("run1()",2000);//每隔2秒,执行一次run1方法
//一次性定时器:
setTimeout("run1()",2000);//2秒之后,执行一次run1方法
//定时器其他写法:
//setTimeout(run1,2000);//2秒之后,执行一次run1方法
/*setTimeout(function () {
run1();
},2000);//2秒之后,执行一次run1方法*/
</script>
定时器三种写法:
- setTimeout(“方法名()”,毫秒值);
- setTimeout(方法名,毫秒值);
- setTimeout(function(){ //JS代码 },毫秒值);
2. 取消定时器
clearInterval(id);取消循环定时器
clearTimeout(id);取消一次性定时器
代码:
<script>
function run1(){
alert("执行run1");
}
var xid = setInterval("run1()",1000);
function runx() {
clearInterval(xid);
}
</script>
</head>
<body>
<input type="button" value="点我取消循环定时器" onclick="runx()"/>
</body>
注意:页面上的定时器ID都不相同
二.onload
页面加载完成时 触发
使用环境:
页面加载完成时 做XXX <body οnlοad=””>
图片加载完成时 做XXX <img οnlοad=””>
代码:
<script>
function run1(){
alert("你好");
}
</script>
</head>
<body onload="run1()">
</body>
<script>
function run1(){
var f1 = document.getElementById("f1");
alert(f1.value);
}
</script>
</head>
<body onload="run1()">
<input type="text" id="f1" name="f1" value="你找不到我"/>
</body>
看完恭喜你,又知道了一点点!!!
你知道的越多,不知道的越多!
~感谢志同道合的你阅读, 你的支持是我学习的最大动力 ! 加油 ,陌生人一起努力,共勉!!
注: 如果本篇有需要改进的地方或错误,欢迎大神们指定一二~~