jQuery计时器

发布时间:2020-02-13 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了jQuery计时器脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

下面是脚本之家 jb51.cc 通过网络收集整理的代码片段。

脚本之家小编现在分享给大家,也给大家做个参考。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript" src="jquery.min.js"></script>
<style>
.btnl,btnr{ width:60px;height:25px;}
</style>
</head>
 
<body>
 
<input type="text" class="showTime">
<button class="btnl">开始</button>
<button class="btnr">结束</button>
<script type="text/javascript">
 var timeIndex = 0;
 $(".btnl").click(function(){    //点击btnl触发setTime()函数
 setTime();
 times = setInterval(setTime,1000);    //每隔1秒执行函数
 });
 $(".btnr").click(function(){
 clearInterval(times);    //清除对函数的调用
 });
 function setTime(){
 var hour = parseInt(timeIndex / 3600);    // 计算时 
 var minutes = parseInt((timeIndex % 3600) / 60);    // 计算分 
 var seconds = parseInt(timeIndex % 60);    // 计算秒  
 hour = hour < 10 ? "0" + hour : hour;
 minutes = minutes < 10 ? "0" + minutes : minutes;
 seconds = seconds < 10 ? "0" + seconds : seconds;
 $(".showTime").val(hour + ":" + minutes + ":" + seconds);
 timeIndex++;
 }
</script>

来自: jQuery计时器

以上是脚本之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

总结

以上是脚本之家为你收集整理的jQuery计时器全部内容,希望文章能够帮你解决jQuery计时器所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:76874919,请注明来意。
标签: