编程 Javascript

js编写简单的计时器功能

Posted in Javascript onJuly 15, 2017

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

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

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>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持三水点靠木。

js编写简单的计时器功能

- Author -

ouqi_qiou

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

bcastr2.0 通用的图片浏览器

Nov 22 Javascript

JavaScript Accessor实现说明

Dec 06 Javascript

js原生appendChild的bug解决心得分享

Jul 01 Javascript

javascript中负数算术右移、逻辑右移的奥秘探索

Oct 17 Javascript

js toFixed()方法的重写实现精度的统一

Mar 06 Javascript

Javascript中call和apply函数的比较和使用实例

Feb 03 Javascript

JavaScript实现自动生成网页元素功能（按钮、文本等）

Nov 21 Javascript

使用JavaScript脚本判断页面是否在微信中被打开

Mar 06 Javascript

AngularJS Bootstrap详细介绍及实例代码

Jul 28 Javascript

JS闭包用法实例分析

Mar 27 Javascript

Angular利用trackBy提升性能的方法

Jan 26 Javascript

详解vue 命名视图

Aug 14 Javascript

深入理解angular2启动项目步骤

Jul 15 #Javascript

js+html5实现复制文字按钮

Jul 15 #Javascript

js+html5实现页面可刷新的倒计时效果

Jul 15 #Javascript

详解ES6之用let声明变量以及let loop机制

Jul 15 #Javascript

vue增删改查的简单操作

Jul 15 #Javascript

JavaScript实现跟随滚动缓冲运动广告框

Jul 15 #Javascript

Javascript实现基本运算器

Jul 15 #Javascript