前端使用定时器，this指向解决

最新推荐文章于 2024-05-11 04:06:56 发布

原创最新推荐文章于 2024-05-11 04:06:56 发布 · 142 阅读

0 ·

CC 4.0 BY-SA版权

总结专栏收录该内容

43 篇文章

订阅专栏

这段代码实现了一个每秒减少一秒的倒计时功能，当倒计时结束时，页面会自动重定向到登录页面。它使用了JavaScript的setInterval方法和location.replace方法，展示了前端开发中的定时器和页面导航控制。

 let time=setInterval(function () {
          this.second--;
          if(this.second==0){
            location.replace("./login.html")
          }
      }.bind(this),1000,1000)

.bind(this)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

aihaihainihao

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

前端开发：详细讲解this指向的相关知识

全沾软贱开发攻城狮

12-06

1万+

在前端js中，this虽然只是其中的一个关键字而已，但是确实一个比较特殊的关键字。为什么说this在js关键字中很特殊呢，原因就在于this是函数在运行时自动生成的一个对象，this的指向在函数定义的时候不是确定的，只有在函数运行的时候才能确定this指向是谁，其实this最终指向的就是调用它的那个对象（this指向的是最后调用它的对象），说白了就是“谁调用指向谁”。首先来了解一下this指向的优点好处：在特定函数和写法中，this可以方便快捷的引用对象，使得写法简单容易复用和代码简洁精简。一、th

JavaScript函数中this的指向

最新发布

weixin_44715186的博客

01-29

950

this指向问题

参与评论您还未登录，请先登录后发表或查看评论

2024年Web前端最全JS 定时器的 this 指向若干问题总结，头条Web前端面试题

2401_84438160的博客

05-11

661

在执行 setTimeout 时候，我们先是定义了一个匿名的箭头函数，关键点就在这，箭头函数内的 this 执行定义时所在的对象，就是指向定义这个箭头函数时作用域内的 this，也就是obj.foo中的this(不要误解为是 setTimeout中的this啊，只不过是它的实参而已。测试测试6和测试7中，console.log(value)中的value都是构造函数局部执行环境中的value值，而console.log(this.value)中的value都是全局执行环境中的value值。

详解JS中定时器setInterval和setTImeout的this指向问题

11-29

前言 Js是一个单线程语言，可以通过setTimeout()和setInterval()来设置代码在指定时刻运行，前者是在指定时间后执行，后者是指每隔一段时间执行。两者的使用方法类似。最近在练习写一个小例子的时候用到了定时器，发现在setInterval和setTimeout中传入函数时，函数中的this会指向window对象，详细的介绍通过一个示例展开，一起来看看吧。如下例： var num = 0; function Obj (){ this.num = 1, this.getNum = function(){ console.log(this.num); }, this

定时器setInterval内this指向详解

08-05

1319

局部使用 let time = setInterval(function(){ //function为全局变量内部this指向全局global或window }, //当是用箭头函数时候 let time = setInterval(()=>{ //this指向调用该方法的对象也就是let指向即this } 全局使用 this.time=setInterval(function(){ //function为全局变量内部this指向全局global或window }

web前端之定时器的使用

爸爸去哪了2之熊猫三胞胎的博客

02-03

973

web前端之定时器的使用 定时器的简单介绍：获取系统时间： 定时器的使用1： html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> head> meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> title>定时器title

js之定时器中的this指向

seimeii的博客

04-13

2655

1、使用js中的定时器（setInterval，setTimeout），很容易会遇到this指向的问题。 var name = 'window'; var obj = { name: 'obj', fn: function () { var timer = null; clearInterval(timer); timer = setInterval(function () { console.log(

关于this指向问题及改变this指向的方法

每天都要努力学习哦~~

10-24

3123

this指向详解 this的指向在函数定义的时候是确定不了的,只有函数执行的时候才确定this到底指向谁一般情况下this指向调用它的对象下面我们来看看this被调用时的五种情况思维导图分析 1.作为对象方法被调用当函数作为对象方法被调用时this指向该对象 var obj = { age: 18, fn: function () { console.log(this ===..

基于javaScript的this指向总结

12-09

JavaScript中的`this`关键字是一个非常重要的概念，它在不同场景下的指向可能会有所不同，这使得理解和掌握`this`的用法成为前端开发人员必备的技能。本文将深入探讨`this`在JavaScript中的各种情况下的指向。 1. ...

js高级-this指向问题，改变函数内部this指向的三种方法 call() apply() bind() 及区别

qiaoyangla的博客

03-01

492

1.this指向问题 1.普通函数 this指向window function fn(){ console.log('普通函数的this'+ this); } window.fn() 2.对象的方法 this指向的是对象o var o = { sayHi:function fn(){ console.log('普通函数的this'+ this); } } o.sayHi(); 3.构造函数 this指向ldh这个实例对象原型对象里面的this指...

前端---js中定时器的用法

Nagile-zhou博客

10-05

9399

我们在创建一个网页的时候我们有时候为了要实现一个动态网页随时间变化网页内容产出变化的效果或者会用到定时器来实现数据实时更新、时间等时就需要在js代码中定义一个定时器来实现该功能. Javascript中的定时器有两种，setInterval和setTimeout，而定时器的作用就是延迟执行。两种函数定义的形式: setInterval() ：按照指定的周期（以毫秒计）来调用函数或计算表达式...

微信小程序setInterval定时函数使用详细教程

热门推荐

v1029179954

03-05

1万+

1、setInterval的理解（1）setInterval理解 setInterval定时函数，就是延迟多长时间不停的调用 setInterval中的函数，想具体了解 setInterval函数，我们先看一下 setInterval函数组成部分。（2）setInterval组成 setInterval(function () {},时间)。function () {}就是不停执行函数，时间就是延迟多久不断地执行，重点function () {}函数具体示例： setInterval(functio

setInterval中this指向的问题

granday的博客

09-24

250

在写前端时遇到了setInterval(xxx,)，xxx函数中this指向为window导致一些属性值的访问均为undefined的问题，参考下面这篇文章使用bind解决了。记录一下。参考(11条消息) 关于setTimeOut和setInterval改变this指向的问题解决方法_ChauncyWu的博客-优快云博客 ...

定时器中的this指向问题

学无止境

08-07

5566

原文地址：http://www.zhangyunling.com/?p=134 看例子：代码中中的两个setTimeout执行后的结果分别是什么？ var a = 1; function B(){ var a = 2; setTimeout("C()",1000); setTimeout(C,2000);

JS中的this指向问题（包括定时器中的this指向修改问题六、七）

qq_42204313的博客

09-05

2063

目录一、全局作用域中二：闭包中指window 三：函数调用模式：谁调用就指谁四：构造函数中，this指实例对象。五：apply/call改变this的指向六：定时函数中：this指向window 七：bind改变this指向八：ES6箭头函数：函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。箭头函数的最大作用就是this指向 https:/...

解决TS语法中的This报错问题

So_I_like的博客

01-24

6355

在js中，函数中随便使用this不会报错。但是，ts语法类型检测太强了，我在一次写项目时，用到了this，因此惊奇地发现ts还要检测这个this的类型，在试了很多类型声明的办法都不管用后，采用了这种参数位置声明this，终于解决了报错问题。代码如下： functionthrottle(fn:Function,delay:number){ lettimer:any=null; returnfunction(this:any){ ...

在mybatis xml编写sql语句时，同时使用AND和OR注意

你好

06-24

8068

当AND和OR同时使用时，要把OR的条件使用小括号括起来例如下边这个例子，在第一个if标签中同时使用了AND和OR，想要实现同一个搜索框搜索两个字段，如果不加括号则会搜索内容出错 <select id="selectAll" parameterType="com.jh.store.entity.criteris.GoodsCriteria" resultType="com.jh.store.entity.domain.GoodsInfor"> select t_bus_go

JavaScript中this指向详解与调用方式

当我们直接调用一个函数，如`window.fn()`，`this`指向全局对象（在浏览器环境中通常是`window`），因此会打印出`普通函数的this指向window`。 2. 构造函数调用：构造函数用于创建新的对象，如`var ldh = new ...