jquery实现定时器

最新推荐文章于 2022-10-06 23:07:47 发布

Take_Dream

最新推荐文章于 2022-10-06 23:07:47 发布

阅读量6.9k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/Take_Dream_as_Horse/article/details/51038050

版权

本文介绍了如何利用jQuery库创建一个定时器。首先展示了HTML部分，接着详细解释了JS代码实现定时器的逻辑。

摘要由CSDN通过智能技术生成

1、HTML代码

<form style="text-align:center;"> 
<input type="button" value="开始计时！" οnclick=""/> 
<p>
<span>时钟</span>
<span>分钟</span>
<span>秒钟</span>
</p>
<p>
<span id="hour">0</span>
<span id="minute">0</span>
<span id="secend">0</span>
</p>

<input type="button" value="停止计时！" οnclick="stopCount()"/> 
</form>

2、JS代码

<script type="text/javascript"> 

var c=parseInt($("#secend").html());
var m=parseInt($("#minute").html());
var h=parseInt($("#hour").html());


function timedCount(){
 秒针 
c++;
console.log(c);  
c<10?c="0"+