javascript当中时间控制setTimeout和setInterval的用法

最新推荐文章于 2023-02-17 11:12:44 发布
最新推荐文章于 2023-02-17 11:12:44 发布
阅读量206 收藏
点赞数
分类专栏： javascript 文章标签： javascript setTimeout setInterval setInterval
原文链接：https://blog.csdn.net/mark_to_win/article/details/88665658
版权

9.时间控制setTimeout和setInterval
下个例子说明每秒刷新时间如何实现。（利用setTimeout方法）：
setTimeout和setInterval的区别是：setTimeout只执行1次，而setInterval可以无限执行。
例 1.9.1（setTimeoutIEFF.html)
<HTML>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<SCRIPT LANGUAGE="JavaScript">
<!--
function time()
{
var now = new Date();
var y = now.getFullYear();
var m = now.getMonth()+1;
var d = now.getDate();
var x = now.getDay();
var hour = now.getHours();
var day =new Array("日","一","二","三","四","五","六");
var xingqi = day[x];
var mi =now.getMinutes();
var s = now.getSeconds();
var t =document.getElementById("t");
t.innerHTML="今天是"+y+"年"+m+"月"+d+"日"+"星期"+xingqi+","+hour+":"+mi+":"+s;
setTimeout("time()",1000);
}
//-->
</SCRIPT>
</HEAD>
<BODY οnlοad="time()">
<div id="t"></div>
</BODY>
</HTML>

更多请见：http://www.mark-to-win.com/tutorial/js_5_setTimeoutsetInterval.html

仔仔尔
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
setTimeout时间设置为0详细解析
08-27
setTimeout( ) 是属于 window 的 method, 但我们都是略去 window 这顶层容器名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 method，下面这篇文章主要给大家介绍了关于setTimeout时间设置为0的相关资料，需要的朋友可以参考下。
关于js setInterval setTimeout
wtnu200的专栏
03-30 918
<br />js中setInterval与setTimeout用法(2010-11-09 20:52:01)转载标签： 延时执行代码it 分类： JavaScript  <br />setTimeout<br />　　定义和用法: 　　setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。　　<br />    语法: 　　setTimeout(code,millisec) 　　<br />    参数： 　　<br />    code （必需）：要调用的函数后要执行的 JavaScrip
setTimeout() 和 setInterval() 的用法和区别
u010983274的博客
01-22 227
1、setTimeout() setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 可使用 clearTimeout() 方法来阻止函数的执行。 （1）语法 setTimeout(code, milliseconds, param1, param2, ...) setTimeout(function, milliseconds, param1, param2, ......
定时器--setTimeout()、setInterval()、requestAnimationFrame()
qq_44681872的博客
12-17 531
一、属性介绍和使用 setTimeout() 一次性的定时器 (要做的事情--函数, 规定的时间--单位为毫秒，1秒 = 1000毫秒，传的参数--可多个，逗号隔开) setInterval() 永久性的定时器 (要做的事情--函数, 规定的时间--单位为毫秒，1秒 = 1000毫秒，传的参数--可多个，逗号隔开) setTimeout(function (a) { console.log("入侵阿里") console.log(a)
Javascript中setTimeOut和setInterval的定时器用法
01-19
Javascript的setTimeOut和setInterval函数应用非常广泛，它们都用来处理延时和定时任务，比如打开网页一段时间后弹出一个登录框，页面每隔一段时间发送异步请求获取最新数据等等。但它们的应用是有区别的。 ...
JavaScript setTimeout和setInterval的使用方法 说明
10-29
两个函数都是可以用来实现一段时间后执行一段javascript代码的效果。两个函数都有两个参数，前面的都是执行表达式，后面的是隔的秒数。
理解javascript定时器中的setTimeout与setInterval
10-22
本文将深入讲解JavaScript中的两个重要定时器函数：`setTimeout`和`setInterval`。 首先，`setTimeout`函数用于在指定延迟时间后执行一次函数或代码片段。其基本语法如下： ```javascript var timeoutID = window....
javascript setTimeout和setInterval 的区别
10-29
JavaScript中的`setTimeout`和`setInterval`是两个重要的定时器函数，它们都属于全局`window`对象的方法，常用于在指定的时间后执行某段代码或周期性地重复执行某段代码。然而，它们的工作机制和用途有所不同。 1. ...
JavaScript SetInterval与setTimeout使用方法详解
12-02
setTimeout和setInterval的语法相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。不过这两个函数还是有区别的，setInterval在执行完...
setTimeout理解
weixin_41989250的博客
02-17 5837
如果在设定的时间内，发生新的keydown事件，则不触发Ajax通信，并且重新开始计时。所以上面的代码执行流程是：JS执行到setTimeout时，将其交给浏览器去计时（哪怕时间是0），然后去执行同步的for循环，因为例子中的for循环执行需要5s左右，在for循环执行3秒时，浏览器已经把之前的计时器计时完毕，然后推送到JS的事件队列里，当做下一个task任务执行，当前任务(for循环)不受影响，当for循环结束后，JS线程空了，然后去事件队列中取微任务或者新的任务(setTimeout)，然后执行。
详解setTimeout()
热门推荐
Moments
01-30 3万+
前言：看了这篇文章，1.注意setTimeout引用的是全部变量还是局部变量了，当直接调用外部函数方法时，实际上函数内部的变量已经变成全局。2.提醒我防止出错的，用匿名函数不容易出错。3.setTimeout最快执行时间是4毫秒。4.使用setTimeout的函数会比当前队列的函数慢执行，在他们的后面。5.setTimeout中的定时器并不是准确的时间，实际中它需要在执行完前面的函数后才定时执行。 你还可以查阅关于setTimeout的相关介绍 JavaScript提供定时执行代码的功能，叫做定时器（tim
setTimeout和setInterval的用法
weixin_44774699的博客
08-11 1348
setTimeout()和setInterval()的用法
setInterval设置停止的次数和时间
陈万洲的专栏
12-26 1万+
需要知道已经经过了多少次或者说过多久就会停止 var timesRun = 0; var interval = setInterval(function(){ timesRun += 1; if(timesRun === 60){ clearInterval(interval); } //do whatever here.. }, 2000); var startTime = new Date
SET TIMING命令显示的时间的时间单位
haiross的专栏
01-05 2219
SET TI[ME] {ON | OFF} Controls the display of the current time. ON displays the current time before each command prompt. OFF suppresses the time display. SET TIMI[NG] {ON | OFF} Controls the disp
setTimeout()设定时间延迟或者计时
杨咩咩
04-18 6152
setTimeout（）属于window的method，一般用来做时间延迟。 cleanTimeout（）用来停止setTimeout（）
2020/1/27 在setInterval中使用setTimeout时遇到的问题
落霞与孤鹜齐飞
01-27 2161
这几天在做一个简单的随机抽取姓名的一个抽人的小页面 顺顺利利的 今天回来再打开看自己作死一样的一直找看看有没有什么bug 没想到真的找到一个 花了一个多小时才解决 其实最后才觉得是个比较细节的问题 是关于setInterval和setTimeout的 这是修改前： 是一个点击事件内的代码 当我点击时，出现了这样的效果： 也就是说，每一个打印他都执行了6次； 其实这样说...
JavaScript 中 setTimeout函数的简介与使用
_WanG
11-21 1332
JavaScript 中 setTimeout函数的简介与使用 JavaScript提供定时执行代码的功能，叫做定时器（timer），主要由setTimeout()和setInterval()这两个函数来完成。它们向任务队列添加定时任务。初始接触它的人都觉得好简单，实时上真的如此么？这里记载下，一路对其使用姿势变迁的历程。 作用 setTimeout函数用来指定某个函数或某段代码，在多少毫秒之...
setTimeout和setInterval区别
最新发布
12-31
setTimeout和setInterval是JavaScript中用于实现定时执行操作的方法，它们之间有一些区别。 1. setTimeout方法用于在指定的时间间隔后执行一次指定的函数。它接受两个参数：要执行的函数和延迟的时间（以毫秒为单位）。例如： ```javascript setTimeout(function() { console.log("Hello, world!"); }, 1000); // 1秒后输出：Hello, world! ``` 2. setInterval方法用于按照指定的时间间隔重复执行指定的函数。它也接受两个参数：要执行的函数和时间间隔（以毫秒为单位）。例如： ```javascript setInterval(function() { console.log("Hello, world!"); }, 1000); // 每隔1秒输出：Hello, world! ``` 区别： - setTimeout方法只执行一次指定的函数，而setInterval方法会重复执行指定的函数。 - setTimeout方法在指定的时间间隔后执行函数，而setInterval方法在每个时间间隔后执行函数。 - 如果调用的函数需要花费很长时间才能完成，那么在使用setInterval方法时，某些调用可能会被直接忽略，而setTimeout方法不会受到影响。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值