javascript 定时器用法

最新推荐文章于 2024-04-17 14:13:54 发布

聪明的一休丶

最新推荐文章于 2024-04-17 14:13:54 发布

阅读量330

点赞数

分类专栏： java web 文章标签： javascript jquery html function utf-8

本文链接：https://blog.csdn.net/qq_20389175/article/details/43231787

版权

java web 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<title>setTime.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script src="jquery-1.7.1.js"></script>

</head>
<script type="text/javascript">
//写法一在调用N次后停止调用
var index=0;
//f 调用方法 time延迟时间 end调用N次结束
function invoke(f,time,end){
if(!time) time=0;//默认0毫秒
if(!end) end=1;//默认1次
if(end==1){
setTimeout(f,time);
}else{
var hh=setInterval(function(){
show();
if(index==end) clearInterval(hh);
},time);
}
}
function show(){
index++;
$("#span").html("执行次数："+index);
}

//写法二根据传参个数决定调用方法
//f 调用方法 time延迟时间 end结束时间
var index2=0;
function invoke2(f,time,end){
if(!time) time=0; //默认初始值为0毫秒
if(arguments.length<=2){//单次调用模式 arguments.length 即参数个数
setTimeout(f,time);
}else{
var h=setInterval(f,time);//循环f();
//在end毫秒后停止调用
setTimeout(function(){clearInterval(h);},end+1);
}
}
function show2(){
index2++;
$("#span2").html("执行次数："+index2);
}
</script>
<body>
<a href=javascript:void(0); οnclick="invoke('show()',1000,0);">1.setTimeout定时器</a>
<a href=javascript:void(0); οnclick="invoke('show()',1000,5);">1.setInterval定时器</a>
<br>
<h1 id=span></h1>
<br>
<a href=javascript:void(0); οnclick="invoke2('show2()',1000);">2.setTimeout定时器</a>
<a href=javascript:void(0); οnclick="invoke2('show2()',1000,2000);">2.setInterval定时器</a>
<br>
<h1 id=span2></h1>
</body>

</html>

写了两种方法供参考

聪明的一休丶

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript 定时器用法

setTime.html //写法一在调用N次后停止调用 var index=0; //f 调用方法 time延迟时间 end调用N次结束 function invoke(f,time,end){ if(!time) time=0;//默认0毫秒
复制链接

扫一扫