setInterval定时器在ie不生效原因之一：回调的是箭头函数

最新推荐文章于 2024-05-21 21:40:43 发布
最新推荐文章于 2024-05-21 21:40:43 发布
阅读量664 收藏
点赞数
分类专栏： JavaScript 报错合集 文章标签： 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Amouzy/article/details/125559304
版权

场景：
使用了定时器，在谷歌生效，但是在ie浏览器不生效。在ie浏览器检查元素发现控制台有以下报错：
在这里插入图片描述
点击错误行，到调试程序页面，可见已经指出了错误的位置
在这里插入图片描述
将箭头函数改为function定义的函数
在这里插入图片描述

则不再报错
在这里插入图片描述

JS定时器不可靠的原因及解决方案
虚幻私塾
01-18 3391
Python微信订餐小程序课程视频 https://edu.csdn.net/course/detail/36074 Python实战量化交易理财系统 https://edu.csdn.net/course/detail/35475 前言 在工作中应用定时器的场景非常多，但你会发现有时候定时器好像并没有按照我们的预期去执行，比如我们常遇到的setTimeout(()=>{},0)它有时候并不是按我们预期的立马就执行。想要知道为什么会这样，我们首先需要了解Javascript计时器的工作原理。 定时器工
【ES6】箭头函数this指向问题【看这一篇就够啦！】
Milk~每天分享一点点，技术进步一点点
08-10 3084
箭头函数this指向 箭头函数有4个使用注意点。 （1）函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。 （2）不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。 （3）不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。 （4）不可以使用yield命令，因此箭头函数不能用作 Generator 函数。 上面四点中，第一点尤其值得注意。this对象的指向是可变的，但是在箭头函数中，它是固定的。 function fo
仅IE不支持setTimeout/setInterval函数的第三个以上参数
12-02
代码如下: setTimeout(function(obj){ alert(obj.a); }, 2000, {a:1}); 即传了第三个参数，第三个参数将作为回调函数的参数obj传入。在非IE浏览器中都弹出了1。这样有个好处，即解决了回调函数的执行上下文，比如要调用某个对象的某个方法，即可以通过参数把该对象传进去。 代码如下: setTimeout(function(obj){ obj.method(); }, 2000, obj); 当然，你还可以传多个参数给回调函数，如下 代码如下: setTimeout(function(a, b){ alert(a); alert(b); }
IE下setInterval()失效问题
qq_32915337的博客
06-02 6489
function demo(){ console.log(6); } window.timer=setInterval(demo(),1000); //为什么这里只执行一次,setInterval失效了 ？？ window.ttwo=setInterval(function(){console.log(9)},1000) //为什么这里可以重复执行输出9 ？？ 解决方法: window
JavaScript setInterval方法IE下不支持传递参数
leefwu的专栏
03-29 864
var intervalID = window.setInterval(func, delay[, param1, param2, ...]); 这个调用在非IE浏览器下可行，delay后的参数将作为func的参数传递，但是在IE下行不通。
react hooks的闭包陷阱(setInterval不生效)问题
眼里长着太阳，笑里全是坦荡
07-05 3408
在使用react hooks时, 会遇到这样的问题 const [count, setCount] = useState(1) useEffect(() => { setInterval(() => { console.log(count) }, 1000) //闭包陷阱 }, []) const handleClick = () => { setCount(count+1) } return ( <div o
vue 解决setTimeOut和setInterval函数无效报错的问题
11-19
`setTimeout`用于在指定时间后执行一次回调函数，而`setInterval`则会在固定间隔后反复执行回调函数。在使用`setInterval`时，记得在不再需要定时器执行时使用`clearInterval`清除，以避免资源浪费。 在Vue中，`...
react在 useEffect 中使用定时器设置 useState的数值不生效问题，以及页面不重新渲染问题
06-01
在 useEffect 中，我们使用 useCallback 钩子函数来定义定时器回调函数，并将其作为依赖项传递给 useEffect，以确保每次渲染都使用相同的回调函数。在 useEffect 中，我们使用 setInterval 函数来设置定时器，并在 ...
JavaScript setInterval轮询在IE浏览器不能正常刷新解决方案
༺墨༒眉༻
11-14 3813
1.在其他浏览器都能正常轮询，而在ie上不能正常轮询。 常规代码如下： &lt;script type="text/javascript"&gt; laid(); function laid() { $.ajax({ url: 'http://127.0.0.1/index.php', type: 'get',...
定时(setInterval)加载数据
10-26
定时循环加载数据，一直等到把数据加载完，才结束定时；
setInterval（）的定时任务没执行如何解决
最新发布
wangbo_angel的博客
05-21 599
函数没有给出定义，如果它们没有正确定义，那么日志输出将不会按预期工作。在autox.js环境，尝试了定时器任务，setInterval调取。函数是必要的，确保它已经被定义并且可以执行预期的操作。的函数时，你实际上创建了一个闭包。关键字声明的变量具有函数作用域（而不是块作用域），尝试调用的是一个空的函数，而不是你预期的。函数中被调用，但没有提供其定义。函数执行后被改变，从而影响日志输出。函数没有定义，这将导致运行时错误。函数中被重新赋值，这可能导致。可以避免它在函数中被意外修改。，并在其中定义了一个名为。
关于vue中使用setInterval无效问题
wbxd
08-26 1818
使用：window.clearInterval和window.setInterval。不要直接使用：setInterval和clearInterval。
IE下GET请求，url和参数相同的话，将不会重复发起请求
qq_33203743的博客
09-12 3298
IE浏览器下使用GET发送请求时，如果两次请求的地址和参数相同，在不刷新页面的情况下，浏览器会缓存第一次请求的内容，服务端更新后浏览器仍然显示第一次的内容。 如在当前页面用户登录，在未登陆的情况下，服务器返回的用户信息为空，点击登陆后发起请求返回的用户信息仍然为空。这是因为浏览器会对GET请求做缓存处理。 解决办法： 一. GET请求URL后加随机数，让服务器认为不是相同的请求。也可以传一个随
IE 下 setInterval 的工作问题
panyanyany（飞雨幻沙）
09-24 6460
咳，博客地址，欢迎猛击：http://yysource.sourceforge.net 首先，setInterval 的用法如下： function func() { setInterval("alert()", 1000, this); // chrome 适用, 但不能传参数 setInterval("alert", 1000, this); // chrome、ie8 都不适
箭头函数 出现在 定时器(setTimeout)中
qq_46302247的博客
03-23 576
需求：点击div，2秒后，颜色变成粉色 错误示例： 正确示例一：（普通函数） 正确示例二：（箭头函数）
js计时器(IE,Firefox兼容)
software119的专栏
07-09 1134
<br /><html><br /> <head><br />  <title>js 计时器</title><br />  <style type="text/css"><br />  .time{<br />   font-size:16px;<br />  }<br />  </style><br /> </head><br /> <body><br />  <div id="timmer" class="time"></div><br />  <script><br />   /** <br />  
箭头函数使用及不能使用箭头函数的情况
DOM曼珠沙华的博客
05-08 3529
基本用法 ES6允许使用“箭头”（=>）定义函数 var f = v => v; //一个参数 // 等同于 var f = function (v) { return v; }; 如果箭头函数不需要参数或者需要多个参数，就用一个圆括号表示参数部分。 var f = () => 5; // 等同于 var f = function () { return 5 }; var sum = (num1, num2) => num1 + num2; // 等同于 var su
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值