JavaScript 计时器

1.在JavaScript中,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。

2.计时器类型:

(1)一次性计时器:仅在指定的延迟时间之后触发一次。

(2)间隔性触发计时器:每隔一定的时间间隔就触发一次

3.方法                描述

setTimeout()     指定的延迟时间之后来执行代码

clearTimeout()   取消setTimeout的设置

setInterval()    每隔指定的时间执行代码

clearInterval()  取消setInterval的设置

(1).计时器setInterval()在执行时,从载入页面后每隔指定的时间执行代码。

语法:setInterval(代码,交互时间);后面跟着两个参数 代表的是你执行的代码 延迟时间时间

参数说明:

1. 代码:要调用的函数或要执行的代码串。

2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。

返回值:一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。

调用函数格式(假设有一个clock()函数):

setInterval("clock()",1000)或setInterval(clock,1000)

例:1: 

var intTime = setInterval(clock, 100);

 setInterval函数 ,声明一个时间

function clock()

{

var curTime = getNowFormatDate();取当前时间

通过IT选择器获取我们的标签元素

document.getElementById("time").value = curTime;}

getElementById("time")是通 ID获取标签给curTime赋值

获取当前的日期时间 格式“yyyy-MM-dd HH:MM:SS”

function getNowFormatDate() {

var date = new Date();

var seperator1 = "-";

var seperator2 = ":";

var month = date.getMonth() + 1;

var strDate = date.getDate();

if (month >= 1 && month <= 9) {

month = "0" + month;

}

if (strDate >= 0 && strDate <= 9) {

strDate = "0" + strDate;

}

var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate + " " + date.getHours() + seperator2 + date.getMinutes()+ seperator2 + date.getSeconds();

return currentdate;

}

(2). 取消计时器clearInterval()

learInterval() 方法可取消由 setInterval() 设置的交互时间。

语法:clearInterval(id_of_setInterval)

参数说明:

id_of_setInterval:由 setInterval() 返回的 ID 值。

每隔 100 毫秒调用 clock() 函数,并显示时间。当点击按钮时取消定时

例子2:function Stop()//停止

{

clearInterval(intTime);就是清空当前的时间

}

(3).计时器setTimeout()

setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次。

语法:

setTimeout(代码,延迟时间);

参数说明:

1. 要调用的函数或要执行的代码串。

2. 延时时间:在执行代码前需等待的时间,以毫秒为单位(1s=1000ms)。

例子3:function sayHello()函数

{

var timer = setTimeout("alert('hello!')",3000);意思是3秒弹出对话框

}

(4)取消计时器clearTimeout()

setTimeout()和clearTimeout()一起使用,停止计时器。

语法:

clearTimeout(id_of_setTimeout)

参数说明:

id_of_setTimeout:由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。

例子4:  var num = 0, timeout;

function startCount()//开始计数

{

document.getElementById("count").value = num;通过ID获取标签 给标签赋值

num++;对当前变量的自增

timeout = setTimeout(startCount,1000);接着一秒执行一次  执行自已的方法这就叫叠代

}

function stopCount()//停止计数

{

clearTimeout(timeout);

四段例子加起来得出的结果:

 

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/252043.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

window遇到 stopcode: 0xc000021a 无法启动的问题解决

今天朋友电脑window10遇到以上问题&#xff1a;stopcode: 0xc000021a 无法自动修复和启动的问题。 解决办法如下&#xff1a; 第一步、进入dos命令行 点击其他选项&#xff08;Advanced options&#xff09; 点击工具 第二步、确定系统盘 进入dos之后 输入一下命令 回车…

vivo Y55s 评测

vivo Y55s正面配备了一块6.58英寸水滴屏&#xff0c;2408*1080分辨率&#xff0c;支持DCI-P3广色域以及防蓝光护眼模式等&#xff0c;同时vivo Y55s是Y系列首款支持夜读模式的产品&#xff0c;亮度最低可至1nit&#xff0c;暗光和夜晚使用对眼睛更舒服&#xff0c;屏幕阅读更柔…

步步高S5救砖

笔者是个学(chun)生(fei)党(wu)&#xff0c;由于被家长的限制&#xff0c;至今未有过手机&#xff0c;前几个月&#xff0c;我盯上了我的步步高S5&#xff0c;从此它承受了它这个机型不该承受的事。 自从给它刷了三方recovery&#xff0c;我总是保(zhe)养(teng)它&#xff0c;…

vivoy67android系统升级,vivo Y67刷机教程_vivo Y67升级更新官方系统包

上一节已经给大家说了咱们的vivo Y67手机的官方rom包如何下载了&#xff0c;下载下来之后要干什么呢&#xff0c;那就是进行刷机了&#xff0c;为了方便大家操作&#xff0c;所以在这里整理了一个详细的刷机教程供大家参考了&#xff0c;这个刷机教程也可以叫做升级教程&#x…

32位linux装64位rpm包,360浏览器提供rpm包(支持MIPS64)及32位deb包(兆芯)

360安全浏览器Linux版本在原来支持64位deb包的基础上推出rpm包支持龙芯_MIPS64&#xff0c;同时还推出32位deb包支持兆芯_x86。目前已经提供下载。到现在360安全浏览器不止支持Ubuntu、Deepin&#xff0c;还支持知名的国产操作系统如银河麒麟、中标麒麟。经过测试&#xff0c;大…

edge浏览器下载插件出现Download interrupted

更改hosts文件 打开hosts文件 hosts文件路径 "c:\windows\system32\drivers\etc\" 可以直接复制上述一行在winr中输入即可打开 向文件末尾行追加如下两行 131.253.33.219 edge.microsoft.com 131.253.33.219 msedgeextensions.sf.tlu.dl.delivery.mp.microsoft.…

Chrome浏览器直接下载pdf文件的设置步骤

使用Google Chrome浏览器&#xff0c;在点击网页中的pdf文件时&#xff0c;浏览器会直接将pdf文件打开并显示&#xff0c;要下载pdf文件的话&#xff0c;还需要进行另存操作。 有的时候我们点击pdf文件就是为了直接下载&#xff0c;而不是为了在浏览器中查看pdf文件。可以按以…

解决Edge浏览器下载文件文件名乱码问题

文件名中含有中文的文件下载&#xff0c;用谷歌、火狐、搜狗等浏览器都可以正常下载&#xff0c;但使用Windows自带的edge浏览器下载时文件名出现乱码问题。如下&#xff1a; 解决方案&#xff1a; 在输出头中的文件名进行urlencode编码处理。例如&#xff1a; header(Content…

微信扫一扫二维码直接打开外部浏览器下载app怎么解决

通过扫描二维码下载APP已成为一个非常方便的方式&#xff0c;微信也成为扫描二维码重要的工具&#xff0c;但是扫描后微信浏览器会对APK和appStore的链接进行屏蔽&#xff0c;导致用户无法正常下载。 提供解决方案&#xff1a;1.安卓用户点击直接跳转到默认浏览器打开&#xf…

chrome浏览器离线安装包下载地址

在谷歌官网下载的chrome浏览器&#xff0c;下载的是安装器&#xff0c;要通过联网安装&#xff0c;谷歌浏览器官网&#xff1a;https://www.google.com/intl/zh-CN/chrome/https://www.google.com/intl/zh-CN/chrome/ 最新版本的统一下载链接&#xff0c;通过以下链接下载的都是…

使用Motrix解决浏览器下载速度慢的问题

一、问题阐述&#xff1a;网速明明不慢&#xff0c;下载某些资源能跑几M/s甚至10M/s&#xff0c;但是在某些网站下载某些资源则只有几十k/s&#xff0c;与其等几个小时让他慢慢下载&#xff0c;不如使用下载器下载。 二、解决方案&#xff1a;使用下载器Motrix进行拦截下载 三…

微信链接跳转浏览器 H5实现APP下载功能实现方法

由于微信的限制&#xff0c;应用文件在内置浏览器中下载全部被屏蔽掉&#xff0c;造成很多人用微信扫描二维码下载时点击下载按钮没反应&#xff0c;我想到的是做一个提示用户在浏览器中打开下载。 可以参考&#xff1a;微信打开网址添加在浏览器中打开提示 和 微信扫描打开AP…

firefox57浏览器下载,火狐firefox 57正式版32位,64位下载,安装和使用笔记

firefox浏览器的一直存在flash问题&#xff0c; 导致口碑不好&#xff0c; 最近推出了firefix57&#xff0c; 官方说重写了底层的内容&#xff0c; 性能更好&#xff0c;速度更快&#xff0c; 于是子恒老师安装试用了firefox57版本&#xff0c; 把其中的过程记录下来。 一、 f…

Selenium+Python浏览器下载弹窗的处理

SeleniumPython浏览器下载弹窗的处理 在使用selenium实现自动化下载的时候&#xff0c;遇到一个比较头疼的问题&#xff0c;就是浏览器下载弹窗的处理。由于这个弹窗是浏览器系统自己弹出的&#xff0c;所以用selenium定位弹窗并操作的方法并不可行&#xff0c;在网上找了很多资…

火狐浏览器50Linux32位,火狐浏览器32位完整离线安装包下载

功能介绍 火狐浏览器32位完整离线安装包下载 火狐浏览器32位(firefox)是款非常优秀的网上浏览工具。火狐浏览器(firefox)是唯一一款自由的浏览器,您可以根据自己喜好,选择添加自己需要的功能,打造专属自己的个性浏览器,同时软件也是为用户提供了极快、安全的上网体验,喜欢…

火狐linux 32位,火狐浏览器32位电脑版下载,火狐浏览器官方下载最新版电脑版32位 v1.0 - 浏览器家园...

火狐浏览器32位电脑版是款非常优秀的网上浏览工具。火狐浏览器(firefox)是唯一一款自由的浏览器&#xff0c;您可以根据自己喜好&#xff0c;选择添加自己需要的功能&#xff0c;打造专属自己的个性浏览器&#xff0c;同时软件也是为用户提供了最快、最安全的上网体验&#xff…

电脑浏览器下载速度很慢怎么办

有网友反映自己的浏览器下载速度很慢怎么办&#xff1f;这种通过可能是浏览器缓存太多&#xff0c;没有优化等原因导致。下面小编就以几种常用的浏览器为例&#xff0c;给大家解答下浏览器下载速度很慢的解决方法。 工具/原料&#xff1a; 系统版本&#xff1a;windows10系统…

如何在谷歌浏览器官网下载谷歌浏览器32位、64位或其他版本最新的离线安装包?

下面的网址需要能访问到外网&#xff0c;如果你没有科学上网软件的话&#xff0c;直接用下面的阿里云网盘链接下载就好&#xff0c;都是我自己整理的完整离线安装包&#xff1a; 阿里云盘分享 首先我们下载一个适用于 Windows 10/8.1/8/7 系统的64位谷歌浏览器正式版的离线安装…

改进的yolo目标检测(yolo创新与改进)

目标检测是计算机视觉领域中的一个重要问题,它需要从图像或视频中检测出物体的位置和类别。近年来,深度学习技术在目标检测领域取得了显著的进展,其中一个重要的方法是基于YOLO(You Only Look Once)算法的目标检测。 YOLO算法的优点是速度快,但是在检测小物体和密集物体…

【童晶老师《Python游戏趣味编程》在PyCharm中编辑】

童晶老师《Python游戏趣味编程》在PyCharm中编辑 不想再 海归编辑器 里编辑&#xff0c;想在PyCharm 中编辑要安装什么库安装库三个库安装完成&#xff0c;开始运行 不想再 海归编辑器 里编辑&#xff0c;想在PyCharm 中编辑要安装什么库 在学习童老师的《Python游戏趣味编程》…