您现在的位置是:网站首页> 编程资料编程资料
JS实现给不同元素设置不同的定时器_javascript技巧_
2023-05-24
478人已围观
简介 JS实现给不同元素设置不同的定时器_javascript技巧_
本文实例为大家分享了JS实现给不同元素设置不同的定时器,供大家参考,具体内容如下
案例效果:

上面的紫色盒子打开页面会自己移动到300px,点击上面的按钮,粉色的span才会移动,并且移动到200px。
注意:需要给定时器单独命名,如果都写在同一个封装函数里面的话,每次都会开辟一个定时器的空间,这样就会造成资源浪费,所以直接采用给对象添加定时器属性的方式来节约空间。同时要注意,在设置定时器之前要清除掉这个对象的定时器属性,因为如果不清除的话,当连续按下按钮的时候就会又开启一个定时器这样下面那个span就会越跑越快。
完整代码如下:
Document sy is sy
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
您可能感兴趣的文章:
