Javascript传参参考

最新推荐文章于 2025-08-23 02:53:08 发布

转载最新推荐文章于 2025-08-23 02:53:08 发布 · 61 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/YLQBL/p/8854797.html

文章标签：

#javascript #ViewUI

本文介绍了一种使用JavaScript定时器实现HTML元素在页面上水平移动的方法。通过设置不同的时间间隔，实现了两个不同速度移动的div元素。该示例利用了jQuery简化DOM操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

可参考的细节：

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>定时器-移动</title>
  <script type="text/javascript" src="jquery-3.2.1.min.js"></script>
 </head>

<style>
 #div{width:100px;height:100px;background:red;position:absolute; top:100px;}
 
</style>
 <body>
  <div id="div"></div>
  <div id="div2"></div>
<script>
var a=0;
function move(obj,time){
    var t=setInterval(function(){
       a=a+1;
        if(a<=200 && a>=0){
            obj.css("left",a);
        }
        else{
            clearInterval(t);
        }
    },time)
}
move($("#div"),10);
move($("#div2"),500);

</script>


 </body>
</html>