js编写简单的计时器功能

时间:2021-05-26

本文实例为大家分享了js计时器功能的编写代码,供大家参考,具体内容如下

小白一枚,如有代码不规范或者写错的地方,希望得大神指导

代码:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title></title></head><body><div id="waitTime"></div><script src="js/jquery-git.js"></script><script type="text/javascript">//计时var time = 0;var a = setInterval(jishi, 1000); //1000毫秒var isCanCancerOrder = false;function jishi() {time++;$('#waitTime').html(calTime(time)); //倒计时if(time == 60) { //1分钟之后alert("一分钟到啦!");}}function calTime(time) {var spit = ":";var hour = "00";var second = "00";var min = "00";var result = "";if(time % 60 != 0) { //秒if(time % 60 > 10) {second = time % 60;} else {second = "0" + time % 60;}}if(parseInt(time / 60) != 0) { //分if(parseInt(time / 60) > 10) {min = parseInt(time / 60);} else {min = "0" + parseInt(time / 60);}}if(parseInt(time / 3600) != 0) { //时if(parseInt(time / 3600) > 10) {hour = parseInt(time / 3600);} else {hour = "0" + parseInt(time / 3600);}}result = hour + spit + min + spit + second;return result;}</script></body></html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章