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 相关文章推荐
javascript 贪吃蛇实现代码
Nov 22 Javascript
Jquery 设置标题的自动翻转
Oct 03 Javascript
超越Jquery_01_isPlainObject分析与重构
Oct 20 Javascript
js内置对象 学习笔记
Aug 01 Javascript
JavaScript实现简单的时钟实例代码
Nov 23 Javascript
使用POST方式弹出窗口的两种方法示例介绍
Jan 29 Javascript
javascript实现左右控制无缝滚动
Dec 31 Javascript
jquery实现轮播图效果
Feb 13 Javascript
使用百度地图实现地图网格的示例
Feb 06 Javascript
JavaScript中join()、splice()、slice()和split()函数用法示例
Aug 24 Javascript
vue中动态添加class类名的方法
Sep 05 Javascript
微信小程序实现判断是分享到群还是个人功能示例
May 03 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
颠覆常识!无色透明的咖啡诞生了(中日双语)
2021/03/03 咖啡文化
php图片处理:加水印、缩略图的实现(自定义函数:watermark、thumbnail)
2010/12/02 PHP
zend framework多模块多布局配置
2011/02/26 PHP
基于php权限分配的实现代码
2013/04/28 PHP
设置php页面编码的两种方法示例介绍
2014/03/03 PHP
PHP面向对象之后期静态绑定功能介绍
2015/05/18 PHP
Smarty保留变量用法分析
2016/05/23 PHP
JS localStorage实现本地缓存的方法
2013/06/22 Javascript
Flexigrid在IE下不显示数据的处理的解决方法
2013/10/24 Javascript
javascript中for/in循环及使用技巧
2015/09/01 Javascript
基于Javascript实现返回顶部按钮
2016/02/29 Javascript
基于socket.io+express实现多房间聊天
2016/03/17 Javascript
JQuery控制图片由中心点逐渐放大效果
2016/06/26 Javascript
一文看懂如何简单实现节流函数和防抖函数
2019/09/05 Javascript
Vue中函数防抖节流的理解及应用实现
2020/04/24 Javascript
[10:14]2018DOTA2国际邀请赛寻真——paiN Gaming不仅为自己而战
2018/08/14 DOTA
在Linux上安装Python的Flask框架和创建第一个app实例的教程
2015/03/30 Python
python实现搜索本地文件信息写入文件的方法
2016/02/22 Python
python实现微信跳一跳辅助工具步骤详解
2018/01/04 Python
Python实现抢购IPhone手机
2018/02/07 Python
python中property属性的介绍及其应用详解
2019/08/29 Python
Tensorflow轻松实现XOR运算的方式
2020/02/03 Python
关于windows下Tensorflow和pytorch安装教程
2020/02/04 Python
HTML5中视频音频的使用详解
2017/07/07 HTML / CSS
HealthElement海外旗舰店:新西兰大卖场
2018/02/23 全球购物
建筑设计学生的自我评价
2014/01/16 职场文书
2014入党积极分子批评与自我批评思想报告
2014/10/06 职场文书
教师党员整改措施
2014/10/24 职场文书
继续教育个人总结
2015/03/03 职场文书
中学生综合素质自我评价
2015/03/06 职场文书
幼师自荐信范文
2015/03/06 职场文书
仰望星空观后感
2015/06/10 职场文书
小学数学教学随笔
2015/08/14 职场文书
2016优秀班主任个人先进事迹材料
2016/02/26 职场文书
dubbo服务整合zipkin详解
2021/07/26 Java/Android
Python之matplotlib绘制饼图
2022/04/13 Python