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常用代码段收集
Oct 28 Javascript
关于JavaScript的面向对象和继承有利新手学习
Jan 11 Javascript
jquery实现从数组移除指定的值
Jun 24 Javascript
BootStrap初学者对弹出框和进度条的使用感觉
Jun 27 Javascript
Form表单按回车自动提交表单的实现方法
Nov 18 Javascript
js实现简单的手风琴效果
Feb 27 Javascript
深入探究AngularJs之$scope对象(作用域)
Jul 20 Javascript
对类Vue的MVVM前端库的实现代码
Sep 07 Javascript
vue中使用protobuf的过程记录
Oct 26 Javascript
jQuery操作cookie的示例代码
Jun 05 jQuery
vue制作抓娃娃机的示例代码
Apr 17 Javascript
vue 自定义的组件绑定点击事件
Apr 21 Vue.js
深入理解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
使用无限生命期Session的方法
2006/10/09 PHP
php+ajax实现文章自动保存的方法
2014/12/30 PHP
手把手编写PHP框架 深入了解MVC运行流程
2016/09/19 PHP
php使用glob函数遍历文件和目录详解
2016/09/23 PHP
PHP获取指定日期是星期几的实现方法
2016/11/30 PHP
php获取文章内容第一张图片的方法示例
2017/07/03 PHP
PHP实现的链式队列结构示例
2017/09/15 PHP
javaScript checkbox 全选/反选及批量删除
2010/04/28 Javascript
JQuery模板插件 jquery.tmpl 动态ajax扩展
2011/11/10 Javascript
jquery创建一个ajax关键词数据搜索实现思路
2013/02/26 Javascript
jQuery动态添加删除select项(实现代码)
2013/09/03 Javascript
浅谈JavaScript实现面向对象中的类
2014/12/09 Javascript
angularJS提交表单(form)
2015/02/09 Javascript
jQuery实现可用于博客的动态滑动菜单
2015/03/09 Javascript
JavaScript拖拽、碰撞、重力及弹性运动实例分析
2016/01/08 Javascript
Javascript将数字转化成为货币格式字符串
2016/06/22 Javascript
浅析JavaScript动画模拟拖拽原理
2016/12/09 Javascript
微信小程序中显示html格式内容的方法
2017/04/25 Javascript
jQuery鼠标移动图片上实现放大效果
2017/06/25 jQuery
js canvas实现适用于移动端的百分比仪表盘dashboard
2017/07/18 Javascript
详解vue-cli3使用
2018/08/14 Javascript
Vue插件打包与发布的方法示例
2018/08/20 Javascript
vue 组件销毁并重置的实现
2020/01/13 Javascript
Python利用itchat对微信中好友数据实现简单分析的方法
2017/11/21 Python
Python 中字符串拼接的多种方法
2018/07/30 Python
详解python中递归函数
2019/04/16 Python
Django框架搭建的简易图书信息网站案例
2019/05/25 Python
python sorted函数原理解析及练习
2020/02/10 Python
解决Opencv+Python cv2.imshow闪退问题
2020/04/24 Python
详解python命令提示符窗口下如何运行python脚本
2020/09/11 Python
金融专业个人的自我评价
2013/10/18 职场文书
电力公司个人求职信范文
2014/02/04 职场文书
科研课题实施方案
2014/03/18 职场文书
小学优秀教师材料
2014/12/15 职场文书
学校趣味运动会开幕词
2016/03/04 职场文书
go语言中GOPATH GOROOT的作用和设置方式
2021/05/05 Golang