时间:2021-05-26
本文实例为大家分享了setTimeout实现轮循动画的具体代码,供大家参考,具体内容如下
代码如下:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id='box'></div> <script> var oBox = document.getElementById("box"); var maxLeft = utils.win('clientWidth')-oBox.offsetWidth; var step = 5; var timer = null; //使用递归思想完成setTimeout的轮循动画:每一次在执行动画之前把上一次设置没用的定时器清除掉,节约我们的内存空间 function move(){ window.clearTimeout(timer); var curLeft = utils.css(oBox,"left"); if(curLeft+step >= maxLeft){//边界判断 utils.css(oBox,"left",maxLeft); return; } curLeft+=step; utils.css(oBox,"left",curLeft); timer = window.setTimeout(move,10) } move(); </script></body></html>以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
使用requestAnimationFrame实现js动画性能好。先给大家简单介绍下requestAnimationFrame比起setTimeout、setI
CSS3动画和JS动画的区别JS实现的是帧动画CSS3实现的是补间动画帧动画:使用定时器,每隔一段时间,更改当前的元素补间动画:过渡(加过渡只要状态发生改变产生
本文实例讲述了JS实现超炫网页烟花动画效果的方法。分享给大家供大家参考。具体分析如下:非常炫的使用JS实现的一个网页烟花燃放动画效果,能适应JS做出这样的动画来
DNS轮循是指通过配置DNS使相同的域名解释不同的IP,随机使用其中某台主机的技术。通过DNS轮循系统可以使用N台主机作为WEB服务器,完全看您的网站的需求。目
JS里设定延时:使用SetInterval和设定延时函数setTimeout很类似。setTimeout运用在延迟一段时间,再进行某项操作。setTimeout