JavaScript零基础入门——(十二)JavaScript的定时器

Stella981
• 阅读 884

JavaScript零基础入门——(十二)JavaScript的定时器

大家好,欢迎回到我们的JavaScript零基础入门。上一节课我们讲了JavaScript中一些常用的DOM操作,这里要补充一个点,上节课讲的table几个常用属性其实是有兼容性问题的,在部分IE浏览器中是不识别的,但不一定会抛出异常,所以如果要兼容IE9及以下IE时,还是乖乖用getElementsByTagName或者querySelectorAll。好,回到我们今天的课,今天带大家了解一下定时器。

所谓定时器,就是在指定时间间隔去执行指定的操作,这种需求在JS动画里是经常存在的。

一般来说,定时器有两种,一种是延迟指定时间间隔后执行,一种是相同时间间隔循环执行。

 不管是哪种定时器,肯定都有开启和关闭两个动作,就像闹钟一样。

先来说说延迟执行定时器,其实就是我们常说的setTimeout,顾名思义,就是在时间结束后执行。setTimeout接收两个参数,第一个是匿名函数,主要是写定时后要执行的方法,第二个是时间间隔,以毫秒为单位,同时,setTimeout是有返回值的,他返回一个定时器,主要是方便后边我们调用clearTimeout来关闭定时器,clearTimeout就是接收定时器作为参数的。

其实循环定时器也是类似的,循环定时器,就是我们常说的setInterval,他同样也接收两个参数,同样也返回定时器,也类似的可以通过clearInterval来关闭定时器。

这节课呢,应用会比理论要多一些,我会通过电子表和延时显示框来给大家讲解这两个定时器的用法,由于不方便直接贴代码,还请大家移步至下方公众号看教学视频吧。

好了,这节课就讲到这里,大家要暂停视频自己瞧一瞧哦。下一节课,我们紧跟这一节课的步伐,讲一讲JavaScript的事件。

如果想跟着振丹继续学习,可以微信关注【振丹敲代码】(微信号:JandenCoding)

新博文微信同步推送,还附有讲解视频哦~

也可直接扫描下方二维码关注。

JavaScript零基础入门——(十二)JavaScript的定时器

点赞
收藏
评论区
推荐文章
blmius blmius
3年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Karen110 Karen110
3年前
一篇文章带你了解JavaScript日期
日期对象允许您使用日期(年、月、日、小时、分钟、秒和毫秒)。一、JavaScript的日期格式一个JavaScript日期可以写为一个字符串:ThuFeb02201909:59:51GMT0800(中国标准时间)或者是一个数字:1486000791164写数字的日期,指定的毫秒数自1970年1月1日00:00:00到现在。1\.显示日期使用
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
待兔 待兔
3个月前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
Jacquelyn38 Jacquelyn38
3年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
Stella981 Stella981
3年前
JavaScript的 基本数据类型
第一:Javascript对象是第二:Javascript中第三:Javascript的对象是数据;第四:JavaScript中的对象可以简单理解成"名称:值"对(name:value)。名称(name):"名称"部分是一个JavaScript字符串参考https://www
Wesley13 Wesley13
3年前
JS中有趣的知识
1.分号与换行functionfn1(){return{name:'javascript'};}functionfn2(){return{name:'javascript'
Wesley13 Wesley13
3年前
Java日期时间API系列36
  十二时辰,古代劳动人民把一昼夜划分成十二个时段,每一个时段叫一个时辰。二十四小时和十二时辰对照表:时辰时间24时制子时深夜11:00凌晨01:0023:0001:00丑时上午01:00上午03:0001:0003:00寅时上午03:00上午0
Stella981 Stella981
3年前
JavaScript零基础入门——(一)什么是JavaScript
JavaScript零基础入门——(一)什么是JavaScript写在前面:『Hello,大家好,我是振丹!从这节课开始,我会慢慢的带大家学习JavaScript的基础,至于进阶部分,有机会我也会专门开专题来讲。有做后端同学会说,现在微软的TypeScript开始火起来了,连Angu
Python进阶者 Python进阶者
9个月前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这