js中setTimeout()与setInterval()

最新推荐文章于 2022-01-19 17:01:10 发布
最新推荐文章于 2022-01-19 17:01:10 发布
阅读量200 收藏 1
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012637258/article/details/78558828
版权

setTimeout()与setInterval()两者用法差不多，但是又有区别。

setTimeout(code,millisec) 　只执行code一次，如果要多次调用，请使用setInterval()或让code自身再次调用SetTimeout()

setInterval(code,millisec[,"lang"])  不停的调用函数，直到clearInterval()被调用或关闭


案例一：setTimeout()不会自动重复执行

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<h1> <font color=blue> haorooms博客示范网页 </font> </h1>
<p> 请等三秒!</p>
<script>
setTimeout("alert('对不起, haorooms博客要你等候多时')", 3000 )
</script>
</body> 
</html>


案例二：setTimeout()可以制作网页中的时间跳动

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script>
var x = 0
function countSecond()
{
   x = x+1
　 document.haorooms.haoroomsinput.value=x
　 setTimeout("countSecond()", 1000)
}
</script>
</head>
<html>
<body>
<form name="haorooms">
   <input type="text" name="haoroomsinput"value="0" size=4 >
</form>
<script>
countSecond()
</script>
</body> </html>


案例三：计算在页面的停留时间

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script>
x=0
y=-1
function countMin()
{　y=y+1
　 document.displayMin.displayBox.value=y
　 setTimeout("countMin()",60000)
}
function countSec()
{　x = x + 1
　 z =x % 60
　 document.displaySec.displayBox.value=z
　 setTimeout("countSec()", 1000)
}
</script> </head>
<body>
<table> <tr valign=top> <td> 你在haorooms博客中的停留时间是: </td>
<td> 
<form name=displayMin>
   <input type=text name=displayBox value=0 size=4 >
</form> 
</td>
<td> 分 </td>
<td> 
<form name=displaySec> </td>
<td> <input type=text name=displayBox value=0 size=4 >
</form>
 </td>
<td> 秒。</td> </tr>
 </table>
<script>
countMin()
countSec()
</script>
</body>
</html>


案例四：清除定时器clearTimeout

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script>
x = 0
y = 0
function count1()
{　x = x + 1
　 document.display1.box1.value = x
　 meter1=setTimeout("count1()", 1000)
}
function count2()
{　y = y + 1
　 document.display2.box2.value = y
　 meter2=setTimeout("count2()", 1000)
}
</script> </head>
<body> 
<p> </br>
<form name="display1">
    <input type="text" name="box1" value="0" size=4 >
    <input type=button value="停止计时" onClick="clearTimeout(meter1) " >
    <input type=button value="继续计时" onClick="count1() " >
</form>
<p>
<form name="display2">
    <input type="text" name="box2" value="0" size=4 >
    <input type=button value="停止计时" onClick="clearTimeout(meter2) " >
    <input type=button value="继续计时" onClick="count2() " >
</form>
<script>
    count1()
    count2()
</script>
</body>
</html>


案例五 setInterval 要加入jquery  showTime这个参数不能使用双引号和括号

<html>
<head>
<script src="scripts/jquery-1.6.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){ 
 setInterval (showTime, 2000);
 function showTime()
 {
      var today = new Date();
      alert("The time is: " + today.toString ());
 }
 $.extend({
    show:function(){
     alert("ready");
   }
});
setInterval($.show,3000);
})
</script>
</head>
<body>
<div>
<hr>
</div>
</body>
</html>









安忘
关注
专栏目录
快速掌握Node.js中setTimeout和setInterval的使用方法
12-23
在node.js中可以使用node.js内置的setTimeout(callback,delayMillSeconds,[args])方法。当调用setTime()时回调函数会在delayMillSeconds后 执行.setTime() 会返回一个定时器对象ID，可以在delayMillSeconds到期前将...
JavaScript中从setTimeout与setInterval到AJAX异步
10-20
在JavaScript中，setTimeout和setInterval是两种常见的定时器函数，用于实现异步操作。JavaScript作为单线程语言，其主线程的执行是顺序的，但是在处理某些操作，如延时任务或者周期任务时，会借助事件循环机制和回...
setTimeout()与setInterval() 问题
weixin_34290000的博客
11-20 78
提示：setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。 1. setInterval(code,millisec[,"lang"])　 setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。  2.setTimeout(code,millisec)　se...
Javascript中， setTimeout() 和 setInterval() 的方法
rainbow702的博客
08-31 132
1. setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式，其语法为： setTimeout(code,millisec)  setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。 返回值为： 一个可以传递给 Window.clearTimeout() 从而...
JS---setTimeout()与setInterval()的使用
diyinjiao1404的博客
03-18 74
setTimeout(fun,time)表示time毫秒后执行fun函数。 SetInterval(fun,time)表示每隔time毫秒执行fun函数一次。 //-----用setTimeout动态显示当前的时间----- function showTime(){ var today=new Date(); console.log(today.toString()...
setTimeout() 和 setInterval()
lhy_luan
02-24 235
一、用法1、setTimeout()定义和用法: setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。　　 语法: setTimeout(code,millisec) 　 参数： code （必需）：要调用的函数后要执行的 JavaScript 代码串。millisec（必需）：在执行代码前需等待的毫秒数。 　 提示： setTimeout() 只执行 code 一次。如果
setInterval与setTimeout的用法
实际工作与学习当中的随记
01-19 491
setInterval() 每隔多长时间自动执行方法，时间是以豪秒为单位的(1000ms=1s) 1 2 3 4 5 varc=0; varcode=setInterval(function(){ alert(c++); },1000); //code返回一个可以传递给Window.clearInterval()从而取消对code的周期性执行的值。 setTimeout() 只执...
Javascript中setTimeOut和setInterval的定时器用法
01-19
Javascript的setTimeOut和setInterval函数应用非常广泛，它们都用来处理延时和定时任务，比如打开网页一段时间后弹出一个登录框，页面每隔一段时间发送异步请求获取最新数据等等。但它们的应用是有区别的。 ...
理解javascript定时器中的setTimeout与setInterval
10-22
本文将深入讲解JavaScript中的两个重要定时器函数：`setTimeout`和`setInterval`。 首先，`setTimeout`函数用于在指定延迟时间后执行一次函数或代码片段。其基本语法如下： ```javascript var timeoutID = window....
js基于setTimeout与setInterval实现多线程
10-22
在JavaScript中，可以使用`setTimeout`和`setInterval`两个函数来模拟多线程的效果。这两个函数可以让一个函数在指定的时间后执行一次，或者每隔指定的时间周期性地执行。 首先，我们来解释一下这两个函数的基本...
在js总使用setTimeout的注意事项
懒人改变世界
12-31 2817
setTimeout 在 js 中的使用频率很高，最常见的就是计时器。 setTimeout 的使用方法很简单 var r = setTimeout(func , 1000); 首先它是用返回值，可以利用返回值来清除setTimeout ,clearTimeout(r) setTimeout 的调用方式 setTimeout(func , 1000); setTimeout("fun
setTimeout()执行时序
敲键盘的猫
10-22 498
SETTIMEOUT var len=4; var t = null; while(len--){ t = setTimeout("showinfo(len,t)",2000); document.write(len+"  "); } document.write(""); document.write("    abc"+len); function showinfo(
JavaScript setTimeout() clearTimeout() 方法
ssisse的博客
08-27 3558
HTML DOM setTimeout() 方法 定义和用法 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 语法 setTimeout(code,millisec) 参数 描述 code 必需。要调用的函数后要执行的 JavaScript 代码串。 millisec 必需
使用setTimeout或setInterval时遇到的问题总结
巴黎的妖
03-20 8342
写定时器分两种写法，setInterval和setTimeout。 先来说setInterval： setInterval(code,millisec[,"lang"]) setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。 由 setInterv
jquery的setinterval使用方法
suxun的专栏
07-08 5269
今天在使用jQuery的setInterval时总是不能成功，在网上找了一下，发现别人的也有很多错误，最后发现了setInterval的使用方法。 下面上整个代码，如果要使用，要自己加入jQuery包： $(function(){   setInterval (showTime, 2000);  function showTime()  {       var toda
setTimeOut()用法
黄维
11-07 1374
setTimeout用法   转自：http://sdy07290801.blog.163.com/blog/static/13718240220120925259505/ 定义和用法: setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。  语法: setTimeout(code,millisec)  参数：  　　code （必
setTimeout() 的用法，特别注意传参数
u014622411的专栏
07-11 5789
setTimeout 　　定义和用法:　　setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。　　    语法: 　　setTimeout(code,millisec) 　　    参数： 　　    code （必需）：要调用的函数后要执行的 JavaScript 代码串。 　　    millisec（必需）：在执行代码前需等待的毫秒数。　　    提示： 　　s
setTimeout() 方法的运用
ios0213的专栏
05-27 422
setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。 一般使用setTimeout("alert('how are you?')",2000); 如果要多次使用的话，如下： function ceh() { var t=setTimeout("ceh()",1000); } 上面之所
详解JavaScript setTimeout与setInterval定时器的区别与用法
在JavaScript编程中，`setTimeout`和`setInterval`是两个重要的定时器函数，广泛应用于实现各种延时和周期性任务。这两个函数的主要区别在于执行次数和控制方式。 `setTimeout`函数用于在指定的毫秒数后一次性执行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值