JavaScript中setTimeout()方法和setInterval()的区别

最新推荐文章于 2023-01-24 17:24:04 发布
最新推荐文章于 2023-01-24 17:24:04 发布
阅读量1k 收藏
点赞数
分类专栏： JavaScript 文章标签： JavaScript setTimeout setInterval 动态显示系统时间 JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/autumn_summer/article/details/9701837
版权

最近在学习JavaScript,做练习的时候，有个问题是动态显示系统时间。

因为有看到setTimeout这个方法，就直接用了（以前用MFC比较多，MFC里面有类似的函数），可是只是显示了访问时的时间，没有动态显示。

后来就上网查了一下原因，才知道，原来还有setInterval()方法。

两者的区别在于，setTimeout()是设定了之后只执行一次，而setInterval()是设定过之后每过指定的时间就会执行一次。

setTimeout()方法的格式是setTimeout(函数或表达式，时间（单位ms）)；

setInterval()方法的格式是setInterval(函数或表达式，时间（单位ms）)。

动态显示系统时间的代码是：

<body>
   <div id="curTime">
</div>
<script>
setInterval("curTime.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
</script>
  </body>

参考网页：http://www.cnblogs.com/ruxuan/archive/2006/07/04/442490.html

肖邦之离歌
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Javascript中setTimeOut和setInterval的定时器用法
01-19
Javascript的setTimeOut和setInterval函数应用非常广泛，它们都用来处理延时和定时任务，比如打开网页一段时间后弹出一个登录框，页面每隔一段时间发送异步请求获取最新数据等等。但它们的应用是有区别的。 ...
setTimeout方法
weixin_44552233的博客
05-07 2万+
很多时候我们编写代码的时候都需要用到定时器，下面我给大家介绍一个方法，利用它我们也能做定时器。下面给大家介绍这个方法的几种常用的写法。 SetTimeout方法 第一种写法↓ setTimeout方法是指在指定时间后执行一次指定函数。强调！只执行一次！ ObjSetTimeout后面的window可以省略不写。SetTimeout后面的括号传入函数名称，注意只是传入名称不能有括号，函数名称后面就...
JS定时器setTimeout和setInterval介绍
cnds123的专栏
09-05 2168
JavaScript 定时器，有时也称为“计时器”，用来在经过指定的时间后执行某些任务。avaScript 中提供了两种方法来设置定时器，分别是 setTimeout() 和 setInterval()。
JS中setTimout和setInterval的区别
小七爱干饭的博客
01-24 716
如果想重复执行某些代码，可以将setTimeout包含于被执行函数中,然后在函数外再次使用setTimeout来达到定时执行的目的。或者使用setInterval，需要clearInterval()手动停止。在JavaScript中，setTimeout()是延时器，setInterval()是定时器。setTimeout(fn(),delay)在执行时,是在载入后延迟指定时间后,去执行一次表达式,，而setInterval(fn(),delay)在载入后,每隔指定的时间就执行一次表达式 所以是不一样的。
详解setTimeout()
Moments
01-30 2万+
前言：看了这篇文章，1.注意setTimeout引用的是全部变量还是局部变量了，当直接调用外部函数方法时，实际上函数内部的变量已经变成全局。2.提醒我防止出错的，用匿名函数不容易出错。3.setTimeout最快执行时间是4毫秒。4.使用setTimeout的函数会比当前队列的函数慢执行，在他们的后面。5.setTimeout中的定时器并不是准确的时间，实际中它需要在执行完前面的函数后才定时执行。 你还可以查阅关于setTimeout的相关介绍 JavaScript提供定时执行代码的功能，叫做定时器（tim
JavaScript-setTimeout使用
A_bad_horse的专栏
04-10 275
setTimeout() 是属于 window 的方法，该方法用于在指定的毫秒数后调用函数或计算表达式。 语法格式如下： setTimeout(function[,delay,param1,param2,...]); setTimeout(function[,delay]); setTimeout(code[,delay]); function 在到期时间（delay毫秒）之后执行的函数...
javascript setTimeout和setInterval计时的区别详解
10-27
window对象有两个主要的定时方法，分别是setTimeout 和 setInteval 他们的语法基本上相同，但是完成的功能取有区别。
JavaScript中停止执行setInterval和setTimeout事件的方法
10-24
主要介绍了JavaScript中停止执行setInterval和setTimeout事件的方法,本文给出操作实例代码和语法介绍,需要的朋友可以参考下
JavaScript中setTimeout和setInterval函数的传参及调用
10-22
主要介绍了JavaScript中setTimeout和setInterval函数的传参及调用,着两个函数可以把要执行的代码在设定的一个时间点插入js引擎维护的一个代码队列中,需要的朋友可以参考下
javascript setTimeout和setInterval 的区别
10-29
window对象有两个主要的定时方法，分别是setTimeout 和 setInteval 他们的语法基本上相同，但是完成的功能取有区别。
JavaScript中setTimeout()和setInterval()的使用以及区别
Wendy
02-20 8278
今天刚好在看setTimeout()的一个案例，在案例的解析中提到了setTimeout()和setInterval()的使用区别，但是比较理论，所以 决定自己也总结一下，写写例子帮助理解一下。        首先是说说这两个方法的具体时如何使用的。 1、setTimeout()方法       这个方法所有浏览器都支持，setTimeout( ) 是属于 window 的 method,
HTML中详述setInterval（）方法与setTimeout（）方法区别
zzu957的博客
07-17 499
setInterval（） 用法：setInterval（“方法名”，时间）; 作用：每隔一段时间执行一次方法。 代码示例： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> function a(){ console.log(957)
JavaScript中setTimeout()和setInterval()两个定时器的区别和使用方法
nO0b
10-10 2080
两者最直接的区别是: setTimeout()在载入后延迟指定时间去执行一次表达式,只是一次。 setInterval()它从载入后,每隔指定的时间就执行一次表达式 所以要让一段代码, 某个函数以固定频率重复执行应该使用setInterval()函数 如果让一段代码, 某个函数在指定延迟后仅仅执行一次应该使用setTimeout() 语法 setInterval(code, mill...
JS setTimeout和setInterval的区别
weixin_44439442的博客
01-12 6万+
1.setTimeout和setInterval都属于JS中的定时器，可以规定延迟时间再执行某个操作，不同的是setTimeout在规定时间后执行完某个操作就停止了，而setInterval则可以一直循环下去。 function fun(){ alert('hello'); } setTimeout(fun,1000);//参数是函数名 setTimeout('fun()',1000)...
javascript中setTimeout()和setInterval()的区别
Android
08-13 821
setTimeout() : 用于在指定的毫秒数后调用函数或计算表达式;  按照指定的周期(以毫秒计)来调用函数或计算表达式. 会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭; 两个函数的区别在于它们的执行次数不一样, setTimeout()只执行一次；而setInterval()无限次循环执行。     使用clearTimeout(t);和clearInte
js中两种定时器，setTimeout和setInterval的区别
热门推荐
shenyanwei的博客
03-31 9万+
setTimeout只在指定时间后执行一次，代码如下： //定时器 异步运行 function hello(){ alert("hello"); } //使用方法名字执行方法 var t1 = window.setTimeout(hello,1000); var t2 = window.setTimeout("hello()",3000);//使用字符串执行方法 window.clearTim
setTimeout用法
风轻云淡
11-02 1506
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;setTimeout方法&lt;/title&gt; &lt;script type="text/javascript" src="js/jquery-3.1.1
javascript中setTimeout 和 setInterval 的区别
gaogao0603的专栏
07-12 981
window对象有两个主要的定时方法，分别是setTimeout 和 setInterval   他们的语法基本上相同，但是完成的功能却有区别。 　　setTimeout方法是定时程序，也就是在什么时间以后干什么。干完了就拉倒。 　　setInterval方法则是表示间隔一定时间反复执行某操作。 js setTimeout()函数 [倒计时用]    定义和用法:
setTimeout()和setInterval()方法的区别
weixin_30378311的博客
03-15 74
setTimeout('yourFunction()',5000); //5秒后执行yourFunction(),只执行一次 setInterval('yourFunction()',5000); //每隔5秒执行一次 1、setTimeout(funhander,time)的作用是在过time毫秒后，执行一次句柄funhander指向的方法。而setInterval（funh...
JavaScript中的setTimeout或setInterval方法
最新发布
05-25
JavaScript中的setTimeout和setInterval方法都可以用于延迟或定时执行代码。 setTimeout方法用于在一定时间后执行一次指定的函数，语法如下： ``` setTimeout(function, delay, arg1, arg2, ...) ``` 其中，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值