JS 计时器参数剖析与真题

最新推荐文章于 2024-03-27 11:08:02 发布
最新推荐文章于 2024-03-27 11:08:02 发布
阅读量542 收藏
点赞数
文章标签： 计时器 setInterval setTimeout 参数 JavaScript
转载请联系微信号：dong_dian_jun
本文链接：https://blog.csdn.net/h5course/article/details/78111063
版权

JS 计时器参数剖析与真题

HTML5学堂-码匠：计时器的第一个参数，包含几种不同的书写方法，可以是函数名，匿名函数，JS代码字符串，还有一些面试题当中会出现“函数调用”的书写方式。

那么，这些不同的书写方法分别表示什么呢？在计时器中出现的第一个参数，作用域又是在哪里创建的？

计时器的第一个参数

函数名的书写方法

这是最为常见的一种书写方法，该方法表示的是，在固定毫秒之后，将这个函数名的函数添加到执行队列当中，让其执行。

计时器01,setTimeout,setInterval,参数,调用方法

字符串式的书写方法

当一个函数有参数时，很多人会采用这样的调用方法。

计时器02,setTimeout,setInterval,参数,调用方法,字符串

setTimeout 和 setInterval 都可以接受字符串（作为第一个参数），但是并不推荐使用这种书写方法。原因在于：为了能够运行，会在代码执行时，将字符串通过eval方法进行转换。

eval方法，其作用就是把字符串当做JS去执行。eval虽然能够解决很多问题，有很大的作用，但是也广为诟病，其性能问题，安全性问题，以及在JS严格模式与非严格模式的不同。

由于这些缺点，使得众多开发者在项目和代码中，尽量规避了对它的使用。

匿名函数的书写方法

当函数有参数要传递，而又不能使用字符串式的书写方法，此时，匿名函数的书写方法就派上了用场。

计时器03,setTimeout,setInterval,参数,调用方法,匿名函数

函数调用的书写方法

这种书写方法，本身是错误的，几乎在实际开发当中是无法找到的。当然在偶尔会在面试当中以“坑”的形式出现……

计时器04,setTimeout,setInterval,参数,调用方法

此处第一个函数会在执行到计时器这行代码时，立即执行，而返回的是h5course函数的返回值，而非函数本身。如果函数返回默认返回值undefined，setInterval也不会报错。

第一个参数的作用域归属

计时器第一个参数会在全局作用域中执行，因此函数内的 'this'将会指向这个全局对象

计时器,面试真题,setTimeout,setInterval,参数,调用方法

运行结果为true

计时器,面试真题,setTimeout,setInterval,参数,调用方法

运行结果为true

来几道计时器的面试真题练练手

每次打印结果是什么

计时器,面试真题,setTimeout,setInterval,参数,调用方法

Tips：答案请见文章底部

码匠 两个字多久会打印出来

计时器，面试真题，setTimeout，setInterval

Tips：答案请见文章底部

请说出如下代码运行情况

计时器，面试真题，setTimeout，setInterval

Tips：答案请见文章底部

总而言之，言而总之

当要执行的函数没有参数时，可以直接使用函数名调用

当需要向回调函数中传递参数时，不要使用字符串做参数，使用匿名函数做参数，并在匿名函数内部执行回调函数。

函数会在全局作用域中进行执行

三道面试真题的答案

第一题：先输出10，之后大概1秒后，同时输出10个10。

第二题：约1000毫秒（即约1秒）

第三题：在函数执行时，两个li的背景颜色立即被设置为了红色，经过大概5000毫秒之后，控制台报错（两个错误），错误内容均为“red is not defined”

开开心心每一天

生活艰辛，代码不易，但，不要忘记微笑！

开心一刻

版权声明：该图来自“【美】莉兹·克里莫 (author)”的书籍《你今天真好看》

懂点君
关注
JS基础(定时器，属性)
qq_39544980的博客
04-13 297
JS基础(5) 一， 定时器相关 1.setTimeout(参数1，参数2)： 参数1：要执行的功能 参数2：时间值（毫秒数） 功能：设置一个在指定时间到达后会执行一次指定功能的定时器 返回：返回一个定时器对象 2.clearTimeout(参数)： 参数：定时器对象，表示清除指定的定时器 3.setInterval(参数1，参数2)： 参数1：要执行的功能 参数2：时间值（毫秒...
信息技术(高)---真题详解
Allure泽宇的博客
06-30 3983
信息技术(高)---真题分析详解
JS：定时器
qq_41504815的博客
03-09 450
一、setInteval() 这个定时器方法有两个参数，第一个参数是函数，也就是需要执行的功能代码，第二个参数是时间值，就是隔多长时间执行一个函数，单位是毫秒，写法是setInteval(function(){},time) （1）需求：每隔两秒弹出 1 function a(){ alert('1'); } setInteval(a,2000); （2）取消定时功能 setInteval()返回的值是定时器ID，我们把这个ID值传入到clearInterval()的参数即可取消定时器。 二、setT
JS编程训练 | 题16：计时器
rical730的专栏
07-15 608
JS编程训练 | 题16：计时器 题目描述实现一个打点计时器，要求 1、从 start 到 end（包含 start 和 end），每隔 100 毫秒 console.log 一个数字，每次数字增幅为 1 2、返回的对象中需要包含一个 cancel 方法，用于停止定时操作 3、第一个数需要立即输出思路一：setInterval会自动循环，需要设定停止
js定时器调用参数的方法
weixin_34138255的博客
06-04 206
var userName="Tony"; //根据用户名显示欢迎信息 function ss(_name){ alert("ss,"+_name); } 使用字符串形式可以达到想要的结果: window.setTimeout("ss(userName)",3000); 这里的字符串是一段JavaScript 代码,其中的userName 表示的是变量.但这种写法不够直观,而且有些场合必须...
js定时器
fish的专栏
02-15 1305
关于setTimeout与setInterval的介绍： https://javascript.info/settimeout-setinterval   语法： setTimeout(func|code, delay[, arg1, arg2...]) setInterval(func|code, delay[, arg1, arg2...]) 第一个参数一般是callback函...
记录日常工作中遇到的问题，前端学习笔记，奇淫技巧、面试真题等，长期更新.zip
03-16
1. 常见面试题：如“如何实现一个简单的计时器？”、“解释一下事件冒泡和事件捕获？”等。 2. 数据结构与算法：如“如何实现一个快速排序？”、“讲解一下二叉树的遍历”等。 3. 框架相关：如“React中的生命周期...
中国进出口银行历年笔试真题(12-15年).rar
09-15
不过，我可以将这个场景转化为一个与IT相关的讨论，假设这是一个需要处理的数据集，我们可以探讨如何利用IT技术来分析和准备银行笔试。 在准备银行笔试的过程中，IT工具和技术可以起到关键作用，尤其是对于数据分析...
【面试题】几个有关 JS 异步执行顺序 的面试题
时光海的博客
01-02 1651
几个有关 JS 异步执行顺序 的面试题 阅读下面代码，我们只考虑浏览器环境下的输出结果，写出它们结果打印的先后顺序，并分析出原因 1 console.log("AAAA"); 2 setTimeout(() => console.log("BBBB"), 1000); 3 const start = new Date(); 4 while (new Date() - start < 3000) {} 5 console.log("CCCC"); 6 setTimeout(() => c
2021Android高级面试题总结：字节跳动Android岗经典面试真题，面经解析
linkedin_57417026的博客
08-19 682
背景 曾经有人问我，为什么要下班了不找点乐子，还花这么多时间去写一份资料。你是不是傻！ 我无言以对！ 但是不得不说，这份笔记确实倾注了我很多心血。 至于，我为什么要做这份资料，为什么又要写这篇文章！是因为我跟我的好基友打了个赌，我们一人做一份资料。到时候一起传到网上，看谁的文章效果好，输了就请对方 吃一个月的饭!（按他的奢侈程度，我应该会破产） 一、Android面试题 Android面试题包括Android基础，还有一些源码级别的、原理这些等。所以想去大公司面试，一定要多看看源码和实现方式，常用
h5网站倒计时页面
03-02
h5网站倒计时页面 网站维护
JavaScript中的定时器(详解)
weixin_57677300的博客
09-05 841
JavaScript中的定时器(详解)
JavaScript 定时器详解
最新发布
jyn15159的博客
03-27 832
JavaScript 在浏览器中是单线程执行的，但允许使用定时器指定在某个时间之后或每隔一段时间就执行相应的代码。setTimeout() 用于指定在一定时间后执行某些代码，而 setInterval() 用于指定每隔一段时间执行某些代码。
javaScript计时器
weixin_52449515的博客
01-11 1782
定时器setTimeout()：定时器setTimeout()为一次性计时器,即在规定时间后执行,且只执行一次;延迟计时器setInterval()：而延迟计时器setInterval()可以实现在指定时间内重复执行。这里我们使用setInterval()方法之后返回一个time,time是该计时器的唯一标识.这里我们使用setTimeout()方法之后返回一个time,time是该计时器的唯一标识.1、正计时：通过拼接和queryseletor()方法来实现正计时实现，
原生JS动画 定时器 传参
DiDaDi的博客
08-16 1649
鼠标移入移出
JavaScript计时器如何传参
htcvive的博客
07-13 506
计时器 使用具名函数不需要传参时 var timer = null; setInterval( print,1000 ) function print(){ console.log("hello"); } 需要传参时 // 需要传递参数的时候 function log(a){ setInterval(function(){ console.log(a);
H5实现计时器
G_JD1234的博客
08-14 1480
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>方法</title> <style type="text/css"> #div1{ width: 200px; height: 100px; posi...
h5+JavaScript实现一个倒计时功能
weixin_71893790的博客
01-16 717
h5+JavaScript实现一个倒计时功能
Node.js计时器深入解析：setTimeout与setInterval
"本文主要介绍了在Node.js环境中如何使用setTimeout和setInterval这两个计时器函数来定时执行函数，以及它们的应用场景和使用细节。" 在Node.js中，setTimeout和setInterval是两个非常重要的函数，它们使得开发者...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

懂点君

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值