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 相关文章推荐
PNG背景在不同浏览器下的应用
Jun 22 Javascript
javascript 读取xml,写入xml 实现代码
Jul 10 Javascript
数组Array进行原型prototype扩展后带来的for in遍历问题
Feb 07 Javascript
如何动态加载外部Javascript文件
Dec 02 Javascript
jquery动态切换背景图片的简单实现方法
May 14 Javascript
js倒计时简单实现代码
Aug 11 Javascript
微信小程序 websocket 实现SpringMVC+Spring+Mybatis
Aug 04 Javascript
JavaScript中利用Array filter() 方法压缩稀疏数组
Feb 24 Javascript
Vue的watch和computed方法的使用及区别介绍
Sep 06 Javascript
vue动态绑定class选中当前列表变色的方法示例
Dec 19 Javascript
更优雅的微信小程序骨架屏实现详解
Aug 07 Javascript
JavaScript实现抖音罗盘时钟
Oct 11 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
php实现12306余票查询、价格查询示例
2014/04/17 PHP
100行PHP代码实现socks5代理服务器
2016/04/28 PHP
Laravel框架分页实现方法分析
2018/06/12 PHP
一组JS创建和操作表格的函数集合
2009/05/07 Javascript
利用腾讯的ip地址库做ip物理地址定位
2010/07/24 Javascript
Javascript 垃圾收集机制介绍理解
2013/05/14 Javascript
json数据处理技巧(字段带空格、增加字段、排序等等)
2013/06/14 Javascript
JS验证控制输入中英文字节长度(input、textarea等)具体实例
2013/06/21 Javascript
深入理解Javascript作用域与变量提升
2013/12/09 Javascript
js生成的验证码的实现与技术分析
2014/09/17 Javascript
学习JavaScript设计模式之模板方法模式
2016/01/20 Javascript
JavaScript中的Reflect对象详解(ES6新特性)
2016/07/22 Javascript
微信小程序商城项目之淘宝分类入口(2)
2017/04/17 Javascript
JS仿QQ好友列表展开、收缩功能(第一篇)
2017/07/07 Javascript
jQuery 循环遍历改变a标签的href(实例讲解)
2017/07/12 jQuery
react-navigation之动态修改title的内容
2018/09/26 Javascript
微信小程序实现预览图片功能
2020/10/22 Javascript
vue实现的上拉加载更多数据/分页功能示例
2019/05/25 Javascript
Python列表list内建函数用法实例分析【insert、remove、index、pop等】
2017/07/24 Python
利用python求解物理学中的双弹簧质能系统详解
2017/09/29 Python
JSON文件及Python对JSON文件的读写操作
2018/10/07 Python
python字典值排序并取出前n个key值的方法
2018/10/17 Python
Python3监控windows,linux系统的CPU、硬盘、内存使用率和各个端口的开启情况详细代码实例
2020/03/18 Python
Python try except finally资源回收的实现
2021/01/25 Python
python爬取youtube视频的示例代码
2021/03/03 Python
canvas简单连线动画的实现代码
2020/02/04 HTML / CSS
采用专利算法搜索最廉价的机票:CheapAir
2016/09/10 全球购物
澳洲在线厨具商店:Kitchen Style
2018/05/05 全球购物
打架检讨书100字
2014/01/08 职场文书
部队党性分析材料
2014/02/16 职场文书
培训班开班仪式主持词
2014/03/28 职场文书
缓刑期间思想汇报范文
2014/10/10 职场文书
典型事迹材料范文
2014/12/29 职场文书
贷款担保书
2015/01/20 职场文书
限期整改通知书
2015/04/22 职场文书
Java使用JMeter进行高并发测试
2021/11/23 Java/Android