求助！！！ 在一个html中运行多个同时的相同事件的setInterval会导致异常

最新推荐文章于 2022-03-30 10:23:30 发布
最新推荐文章于 2022-03-30 10:23:30 发布
阅读量155 收藏 1
点赞数 1
文章标签： html5 java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_59038094/article/details/120707614
版权

首先运行一个图片让它循环是没问题的，

然后一起运行两个图片，第一遍它俩是紧挨着的，但是之后它们就不规律了！！！

球球大神帮帮忙！！！

 

 

weixin_59038094
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
同一个网页中实现多个JavaScript特效的方法
10-24
这两个特效需要同时在页面上显示，以展示如何在同一个HTML文档中管理多个JavaScript特效。 **二、制作过程** **1. 方法一：使用`<script>`标签和`onLoad`事件** 首先，我们需要为每个特效创建一个独立的函数，...
teeny-yald:你总是双倍生活！ 您同时在同一个普通地方的游戏是常态
05-20
"teeny-yald"是一个可能基于JavaScript开发的项目，标题暗示了它可能是一个游戏或某种交互式体验，其中用户可以在同一场景中体验双重生活。在游戏设计和开发中，这样的特性通常涉及到角色扮演、模拟或者多线程叙事，...
setInterval存在的问题
程序员小曲的博客
03-30 1506
1.setInterval机制： 延时一段时间后，将任务push到任务队列中排队执行； 在每次把任务 push 到任务队列前，都要进行一下判断(看上次的任务是否仍在队列中，如果有则不添加，没有则添加)。 基于该原理，会导致两个问题： 前一任务结束到当前任务开始的时间间隔与设置的delay值不符。 可能出现某些任务被跳过的情况 （1）任务添加的时间间隔误差较大的情况 setInterval(foo, delay) //当foo执行消耗800ms，delay为1000ms时，前一个任务执行结束到后一个任
游戏计时器 html,Html5游戏中的setInterval与setTimeout
weixin_35255536的博客
05-31 390
在一些特殊的场景中我们可能会需要使用计时器，n秒后执行一段逻辑，或者循环执行一段逻辑。这个时候我们可能首先想到的会是setInterval()或者setTimeout()两个方法。但是使用这两个方法可能会为我们的工程带来隐患。记录如下代码片段:setTimeout(()=>{console.log("1")},0)console.log("2")//打印结果//2//1可能会有部分人和我会有...
一个页面有多个setInterval应该怎么办？
I大俊
10-24 6965
避免使用多个定时器
解决：setInterVal长时间运行卡顿，采用setTimeout代替setInterval.
鹿歪歪酱
11-16 3354
仅记录 原作者：Hot．Adair 原地址：https://blog.csdn.net/qq_45503103/article/details/110943706 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> .
解决setInterval计时器不准的问题
nuc_badaomen的博客
08-09 4581
解决解决setInterval计时器不准的问题 在js中如果打算使用setInterval进行倒数,计时等功能,往往是不准确的,因为setInterval的回调函数并不是到时后立即执行,而是等系统计算资源空闲下来后才会执行.而下一次触发时间则是在setInterval回调函数执行完毕之后才开始计时,所以如果setInterval内执行的计算过于耗时,或者有其他耗时任务在执行,setInterval的计时会越来越不准,延迟很厉害. 下面的代码可以说明这个问题 var startTime = new Date(
都快年底了，发个烟花来欢迎2024年的到来吧！利用html实现烟花特效
最新发布
12-28
在实际项目中，可能还需要考虑性能优化，避免过多的烟花导致页面卡顿。可以采用请求动画帧（requestAnimationFrame）和间隔定时器（setInterval）配合使用，控制烟花发射的频率，以及合理地复用烟花对象，以降低内存...
对setInterval在火狐和chrome切换标签产生奇怪的效果之探索，与解决方案！
09-05
`setInterval`是JavaScript中的一个定时器函数，用于在指定时间间隔后重复执行某个函数。通常，这个时间间隔是以毫秒为单位的。然而，当浏览器失去焦点，比如用户切换到其他标签或应用时，某些浏览器会调整或暂停`...
React-Metronome:这是一个用React编写的Metronome项目，因此我可以一定的速度运行！
05-13
总的来说，React-Metronome项目是一个很好的学习资源，涵盖了React基础、组件化开发、状态管理、事件处理以及音频编程等多个前端开发的重要知识点。通过阅读和研究其源代码，开发者可以深入理解React的工作原理，并...
多个setInterval 冲突问题
xiaoguaishou21509的博客
10-20 5604
多个setInterval 冲突问题同一个函数段里（例如同一个函数）需要先后运行两个setInterval 的时候会出错。两者几乎同时并行，不知道网页是怎么加载的。。。解决方案：在interval A 结束的时候，在interval A里面调用另外一个interval B例如：var t=setInterval(function A(){ //do something… //add
为什么尽量别用 setInterval
csdn157的博客
07-04 4539
摘自公众号前端大全---仅做个人学习之用！英文： Colin Snover  译文：众成翻译/为之漫笔www.zcfy.cc/article/why-i-consider-setinterval-to-be-harmful-zetafleet为什么尽量别用setInterval在开发一个在线聊天工具时，经常会有过多少毫秒就重复执行一次某操作的需求。“没问题”，大家都说，“用setInterval好...
setInterval遇到的问题
Hello World!
01-10 1539
关于setInterval的作用以及它和setTimeout的区别就不多说了，这里只提醒两点： 1：setInterval参数中的那个函数的写法，加引号和不加引号不仅仅是写法有区别，作用也是有所区别的，具体区别也不讲了，网上可以搜到。 2：对setInterval理解不深刻，导致遇到一个小麻烦，具体看代码： (a)首先贴出错误的代码。 Interval var nu
setInterval的不足，及解决方案
weixin_33727510的博客
07-02 1644
***博客已迁移至http://benjycui.com/ js的初学者可能会认为，setInterval/setTimeout会在预设的时间点上准时执行预设的函数。可事实上setInterval/setTimeout并不真的会在设定的时间到了后就立刻执行函数，它只是在设定的时间后, 把任务添加到js的待处理队列里。同时因为js是单线程的，所以只有当前没任务正在执行时, 新加入的...
页面多个setInterval
ziazan的博客
04-18 3261
页面多个setInterval业务需求代码实现
setInterval 重复执行的bug
Dの博客
12-24 1471
下午的时候，产品说某项目的某功能不要了，客户看着眼花（mmp，这个功能当时非要吵吵着加上，现在过了好几版以后，又说不要了） 该功能是使用setinerval 实现的，为了省事，即没有回滚版本（该功能已经被覆盖了好几版了，不容易检出），也没有大片注释代码（注释执行方法以后，代码编辑以后会有已经声明，未使用的waring） 所以直接修改了setinerval的间隔时间。 但是直接修改成了1000 * 60 * 60 * 24 * 30 = 30天，后来发现代码直接快速执行，但是修改为2000 以后又正常。 .
关于setInterval只执行一次的原因
↓ ↓ ↓ ↓
10-11 2938
setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 但今天使用的时候发现函数只能执行一次， 代码如下： function add() { var value = $("#p").progressbar("getValue"); $("#p").progressbar("setValue", value + 1); }...
多个 setinterval
08-22
如果您想要使用多个 `setInterval`，您可以在JavaScript中创建多个定时器。每个定时器都会独立运行，并按照您设置的时间间隔执行相应的代码。 以下是一个示例，演示了如何使用多个 `setInterval`： ```javascript ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值