js实现静态元素自动移动的一个例子

元素是静态的，允许它在屏幕上自动移动。

这是一个简单的问题，我在研究中遇到并写下来。
复制代码代码如下所示：

# SP1 {
边界：红色固体；
显示：内联块；
宽度：30px；
身高：20px；
字体大小：20px；
文本对齐：中心；
}
无功timenum；
var = 0；移动控制变量
var标志= 0；控制和移动周围的变量
实现右移的功能。
函数向右移动（）{
SP1。风格。marginleft =损坏+PX；
MAR = MAR + 5；
}
实现右移的功能。
功能向左移动（）{
SP1。风格。marginleft =损坏+PX；
mar-5损坏=；
}

函数go（）{
VaR SP1 = document.getelementbyid（SP1）；
VaR BTN1 = document.getelementbyid（开始）；
如果（！BTN1。禁用）{
btn1.disabled =真；
document.getelementbyid（暂停）。禁用= false；
}
SP1 .innerHTML = parseInt（SP1。innerHTML）+ 1；
timenum = window.settimeout（，10）；
如果（标志= 1）{
window.settimeout（向左移动，10）；
}
如果（标志= 0）{
window.settimeout（向右移动，10）；
}
如果（损坏>（窗口。边界的高度与宽度））{
标志＝1；
}
如果（MAR < 0）{
标志＝0；
}
}
函数停止（）{
document.getelementbyid（开始）。禁用= false；
document.getelementbyid（暂停）。禁用=真；
window.cleartimeout（timenum）；
}
暂停

零