Javaｓｃｒｉｐｔ抖动元素的一个小例子

复制代码代码如下所示：




xxxxxx


{ #控制
身高：100px；
宽度：100%；
背景：灰色；
}



功能摇（E，完备，距离、间隔）
{
如果（typeof E =字符串）
{
E = document.getelementbyid（E）；
如果…
距离=距离| | 8；
区间=间隔| | 800；

无功originalstyle = e.style.csstext；
e.style.position =相对；
VaR开始=（新的日期（）GetTime（））；

动画（）；

函数动画（）
{
var =（新的日期（）GetTime（））；
var =现在-开始；
var进程=经过时间/间隔；
如果（进度＜1）
{
var y =距离* Math.sin（math.pi *进步* 4）；
var x =距离* Math.cos（math.pi *进步* 4）；
e.style.left = x +PX；
e.style.top = y +PX；
console.log（e.style。csstext）；
setTimeout（动画，Math.min（25，经过））；
如果…
其他的
{
e.style.csstext = originalstyle；
如果（完全）
{
OnComplete（E）；
如果…

}结束其他

}结尾（动画）

}结束（抖动）