窗口震荡

最新推荐文章于 2025-03-21 20:52:47 发布

just_a_dream_

最新推荐文章于 2025-03-21 20:52:47 发布

阅读量196

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： js特效

本文链接：https://blog.youkuaiyun.com/just_a_dream_/article/details/79543733

js 专栏收录该内容

8 篇文章

订阅专栏

<body id="win">
<p style="background:#ff0; width:200px; height:200px; margin-top:200px; margin-left:600px" id=""></p>
  
<script type="text/javascript">
 var loop = 0; //统计震动次数
 var timer; //定时器引用
 var offx; //水平偏移量
 var offy; //垂直偏移量
 var dir; //控制震动方向
  
 timer = setInterval(function(){
  var win = document.getElementById("win");
  if (loop > 100)
  {
   clearInterval(timer); //震动次数超过100就停止定时器
  }
  dir = Math.random()*10 > 5 ? 1 : -1; //获得震动方向
  offx = Math.random()*20*dir;
  offy = Math.random()*20*dir;
  win.style.marginTop = offx+"px";
  win.style.marginLeft = offy+"px";
  loop++;
 },10) //每隔10毫秒震动一次
</script>
</body>