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>

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

Javascript 相关文章推荐
js post方式传递提交的实现代码
May 31 Javascript
jquery动态添加删除div 具体实现
Jul 20 Javascript
解决jquery1.9不支持browser对象的问题
Nov 13 Javascript
浅谈JavaScript Math和Number对象
Jan 26 Javascript
JS中的THIS和WINDOW.EVENT.SRCELEMENT详解
May 25 Javascript
JQuery实现Ajax加载图片的方法
Dec 24 Javascript
Javascript实现图片不间断滚动的代码
Jun 22 Javascript
Angular 通过注入 $location 获取与修改当前页面URL的实例
May 31 Javascript
JavaScript中的FileReader图片预览上传功能实现代码
Jul 24 Javascript
使用Node.js实现简易MVC框架的方法
Aug 07 Javascript
一个Vue页面的内存泄露分析详解
Jun 25 Javascript
Windows下安装 node 的版本控制工具 nvm
Feb 06 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
You might like
echo, print, printf 和 sprintf 区别
2006/12/06 PHP
PHP字符串的编码问题的详细介绍
2013/04/27 PHP
php curl 获取https请求的2种方法
2015/04/27 PHP
PHP简单获取多个checkbox值的方法
2016/06/13 PHP
简单的pgsql pdo php操作类实现代码
2016/08/25 PHP
PHP实现重载的常用方法实例详解
2017/10/18 PHP
再谈Yii Framework框架中的事件event原理与应用
2020/04/07 PHP
js中将URL中的参数提取出来作为对象的实现代码
2011/08/16 Javascript
JavaScript闭包 懂不懂由你反正我是懂了
2011/10/21 Javascript
javascript中基本类型和引用类型的区别分析
2015/05/12 Javascript
jQuery中事件与动画的总结分享
2016/05/24 Javascript
JS图片压缩(pc端和移动端都适用)
2017/01/12 Javascript
使用 Vue.js 仿百度搜索框的实例代码
2017/05/09 Javascript
浅析从vue源码看观察者模式
2018/01/29 Javascript
详解在vue-cli项目下简单使用mockjs模拟数据
2018/10/19 Javascript
Vue 的 v-model用法实例
2020/11/23 Vue.js
[29:23]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第一场1
2014/05/23 DOTA
[06:35]2014DOTA2国际邀请赛 老男孩梦圆西雅图中国军团世界最强
2014/07/22 DOTA
对python中array.sum(axis=?)的用法介绍
2018/06/28 Python
浅谈python写入大量文件的问题
2018/11/09 Python
通过实例解析Python return运行原理
2020/03/04 Python
5款实用的python 工具推荐
2020/10/13 Python
用Python实现定时备份Mongodb数据并上传到FTP服务器
2021/01/27 Python
希尔顿酒店中国网站:Hilton中国
2017/03/11 全球购物
捷克母婴用品购物网站:Feedo.cz
2020/12/28 全球购物
高中生自我评语大全
2014/01/19 职场文书
竞选部门副经理的自荐书范文
2014/02/11 职场文书
幼儿园教师岗位职责
2014/03/17 职场文书
志愿者活动总结
2014/04/28 职场文书
治超工作实施方案
2014/05/04 职场文书
校园广播稿精选
2014/10/01 职场文书
2014年学生会个人工作总结
2014/11/07 职场文书
2015个人简历自我评价语
2015/03/11 职场文书
用Python selenium实现淘宝抢单机器人
2021/06/18 Python
javascript的var与let,const之间的区别详解
2022/02/18 Javascript
postgreSQL数据库基础知识介绍
2022/04/12 PostgreSQL