摇起来/随机

最新推荐文章于 2019-08-06 16:32:26 发布

我的哥哥呦

最新推荐文章于 2019-08-06 16:32:26 发布

阅读量101

点赞数

分类专栏： webapi 文章标签： setInterval random clearInterval 随机

本文链接：https://blog.csdn.net/qq_20497071/article/details/98486113

版权

webapi 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>title</title>
  <style>
    img {
      width: 200px;
      height: 200px;
    }

    div {
      position: absolute;
    }
  </style>
</head>
<body>
<input type="button" value="摇起来" id="btn1"/>
<input type="button" value="停止" id="btn2"/>
<div id="dv">
  <img src="images/heihei.jpg" alt=""/>
  <img src="images/lyml.jpg" alt=""/>
</div>
<script src="common.js"></script>
<script>
  //点击按钮摇起来
  var timeId="";
  my$("btn1").onclick = function () {
    timeId= setInterval(function () {
      //随机数
      var x = parseInt(Math.random() * 100 + 1);
      var y = parseInt(Math.random() * 100 + 1);
      //设置元素的left和top属性值
      my$("dv").style.left = x + "px";
      my$("dv").style.top = y + "px";
    }, 100);
  };

  my$("btn2").onclick=function () {
    clearInterval(timeId);
  };
</script>
</body>
</html>

我的哥哥呦

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
摇起来/随机

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <style> img { width: 200px; height: 200px; } ...
复制链接

扫一扫

专栏目录