<style type="text/css">
#div1{
width:300px;
height:300px;
background:red;
position:absolute;
left:0px;
}
</style>
<script type="text/javascript">
window.onload=function(){
//获取Box1
var button1=document.getElementById("move");
// 获取 btn01
var div1=document.getElementById("div1");
var button2=document.getElementById("move2");
button1.onclick=function(){
move(div1,800,10);
};
button2.onclick=function(){
move(div1,0,10);
};
};
var timer;
function move(obj,target,speed){
clearInterval(timer);
var current=parseInt(getStyle(obj,"left"));
if(current>target){
speed=-speed;
}
timer=setInterval(function(){
var oldleft=parseInt(getStyle(obj,"left"));
var newleft=oldleft+speed;
if((speed>
定时器学习二
最新推荐文章于 2023-12-11 15:27:18 发布