Js setInterval 定时器
2013-03-01 20:43
726 查看
var myTimer; var speed = 100; //速度毫秒 值越小速度越快 var stepSpeed = 4; //值越大越快 $(function() { var mybox = $(".scroll_box"); //向上 $(".scroll_up").bind("mouseover", function() { var nowPos = mybox[boxCount].scrollTop; //当前值 changePos(mybox, nowPos, 0); }).bind("mouseout", function() { if (myTimer) { window.clearInterval(myTimer); } }); //向下 $(".scroll_down").bind("mouseover", function() { var nowPos = mybox[boxCount].scrollTop; //当前值 var maxPos = mybox[boxCount].scrollHeight - mybox.outerHeight(); //最大值 changePos(mybox, nowPos, maxPos); }).bind("mouseout", function() { if (myTimer) { window.clearInterval(myTimer); } }); }); function changePos(box, from, to) { if (myTimer) { window.clearInterval(myTimer); } var temStepSpeed = stepSpeed; if (from > to) { myTimer = window.setInterval(function() { if (box[boxCount].scrollTop > to) { box[boxCount].scrollTop -= (5 + temStepSpeed); temStepSpeed += temStepSpeed; } else { window.clearInterval(myTimer); } }, speed); } else if (from < to) { myTimer = window.setInterval(function() { if (box[boxCount].scrollTop < to) { box[boxCount].scrollTop += (5 + temStepSpeed); temStepSpeed += temStepSpeed; } else { window.clearInterval(myTimer); } }, speed); } }
相关文章推荐
- js中两种定时器,setTimeout和setInterval的区别
- web 开发之js---js 中的定时器setTimeout(function,time),setinterval(function,time)
- JS 定时器(setInterval和setTimeout 函数)
- 【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- 【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- 详解JS中定时器setInterval和setTImeout的this指向问题
- js 定时器的使用。 setInterval()
- 【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- JS的两个定时器setTimeout和setInterval
- js中的定时器 setInterval 和 setTimeout
- JS的两个定时器setTimeout和setInterval
- 使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- JS 定时器 setTimeout 与 setInterval 的区别和用法
- JS 定时器 (setInterval 和 setTimeout 函数)
- JS 定时器 (setInterval 和 setTimeout 函数)
- 【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- js/jquery清除定时器setInterval
- JS 定时器 (setInterval 和 setTimeout 函数)
- js写了一个关于时间的定时器setinterval
- 【js】setInterval动态改变定时器时间周期,三次点击事件,时间间隔内只捕捉一次点击事件