js实现运动的效果上下两侧的块

这个例子为你分享具体的代码，用于js块运动的实现，供大家参考，具体内容如下










#箱{
宽度：50px；
身高：50px；
位置：绝对；
背景：浅蓝紫；
}




停止


var速度= 10；
var标志=真；
无功interid；

功能向左移动（）{
无功oldleft = parseInt（盒。风格。左）；

如果（oldleft window.innerwidth-50 | | < 0 > = oldleft）{
速度= 1；
}
box.style.left = oldleft +速度+PX；
}

功能movetop（）{
无功oldtop = parseInt（盒。风格。顶部）；

如果（oldtop window.innerheight-50 | | < 0 > = oldtop）{
速度= 1；
}
box.style.top = oldtop +速度+PX；
}

功能开关（RAND）{
兰德（=）；
如果（标志）{
btn.innerhtml = 开始；
ClearInterval（interid）；
标志=假；
别的{ }
btn.innerhtml =停止；
如果（兰德= 1）{
interid = setInterval（）（向左移动
/标志=真；
别的{ }
interid = setInterval（movetop（）
/标志=真；
}
标志=真；
}
}

btn.onclick =开关；

生成一个随机数1-2
函数随机（）{
兰德= parseInt（Math.random）*（2 + 1）；
警报（兰德）；

如果（兰德= 1）{
interid = setInterval（）（向左移动
别的{ }
interid = setInterval（movetop（）
}
}

随机（）；







以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。