jquery 页面循环倒计时

最新推荐文章于 2023-06-30 10:24:44 发布

梦里断魂

最新推荐文章于 2023-06-30 10:24:44 发布

阅读量2.5k

点赞数

分类专栏： Jquery 文章标签： jquery

本文链接：https://blog.csdn.net/lishaojun0115/article/details/50524958

版权

Jquery 专栏收录该内容

18 篇文章 1 订阅

订阅专栏

<html>
    <head>
<script type="text/javascript" src="jquery.js"></script>



<script type="text/javascript">    
function countDown(secs){    
var $n1 = $("#n1");
// 输出n1的当前坐标
var coord = $n1.offset();

 var $jumpTo =$("#jumpTo");
//alert(jumpTo);
 $jumpTo.text(secs); 
 if(--secs>0){  

     setTimeout("countDown("+secs+")",1000);    
     }    
 else{
     var offset = $n1.offset( {top: coord.top, left: coord.left+30});
     setTimeout("countDown("+3+")",1000); 

     }    
 }    
</script> 

    </head>

    <body>
 <span id="jumpTo">3</span> 
  <p onclick="countDown(3)">test</p>
<p id="n1" style="width:300px; height: 100px; background-color: red;">111</p>

    </body>
</html>