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表单提交的代码
Sep 13 Javascript
jquery中dom操作和事件的实例学习 下拉框应用
Dec 01 Javascript
Javascript中自动切换焦点实现代码
Dec 15 Javascript
js编写trim()函数及正则表达式的运用
Oct 24 Javascript
javascript cookie用法基础教程(概念,设置,读取及删除)
Sep 20 Javascript
JavaScript和jQuery获取input框的绝对位置实现方法
Oct 13 Javascript
Easy UI动态树点击文字实现展开关闭功能
Sep 30 Javascript
vue+element+Java实现批量删除功能
Apr 08 Javascript
微信小程序实现的绘制table表格功能示例
Apr 26 Javascript
layui树形菜单动态遍历的例子
Sep 23 Javascript
从零开始用webpack构建一个vue3.0项目工程的实现
Sep 24 Javascript
微信小程序onShareTimeline()实现分享朋友圈
Jan 07 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
数字转英文
2006/12/06 PHP
php写的简易聊天室代码
2011/06/04 PHP
php+mysqli使用面向对象方式查询数据库实例
2015/01/29 PHP
php简单生成随机数的方法
2015/07/30 PHP
PHP简单操作MongoDB的方法(安装及增删改查)
2016/05/26 PHP
给网站上的广告“加速”显示的方法
2007/04/08 Javascript
javascript错误的认识不用关心内存管理
2012/12/15 Javascript
js时间日期和毫秒的相互转换
2013/02/22 Javascript
JS求平均值的小例子
2013/11/29 Javascript
邮箱下拉自动填充选择示例代码附图
2014/04/03 Javascript
Javascript基础教程之for循环
2015/01/18 Javascript
Bootstrap导航栏各元素操作方法(表单、按钮、文本)
2015/12/28 Javascript
JavaScript实现瀑布流布局
2020/06/28 Javascript
BootStrap轮播HTML代码(推荐)
2016/12/10 Javascript
Bootstrap源码解读模态弹出框(11)
2016/12/28 Javascript
jQuery插件zTree实现删除树节点的方法示例
2017/03/08 Javascript
vue如何实现observer和watcher源码解析
2017/03/09 Javascript
axios取消请求的实践记录分享
2018/09/26 Javascript
详细分析JavaScript中的深浅拷贝
2020/09/17 Javascript
实例讲解Python中SocketServer模块处理网络请求的用法
2016/06/28 Python
python bmp转换为jpg 并删除原图的方法
2018/10/25 Python
selenium使用chrome浏览器测试(附chromedriver与chrome的对应关系表)
2018/11/29 Python
pyhanlp安装介绍和简单应用
2019/02/22 Python
Python 抓取微信公众号账号信息的方法
2019/06/14 Python
解决python 读取excel时 日期变成数字并加.0的问题
2019/10/08 Python
python识别验证码图片实例详解
2020/02/17 Python
美国隐形眼镜网:Major Lens
2018/02/09 全球购物
测试工程师岗位职责
2013/11/28 职场文书
幼儿运动会邀请函
2014/01/17 职场文书
现场活动策划方案
2014/08/22 职场文书
市级三好学生评语
2014/12/29 职场文书
简单的辞职信范文(2016最新版)
2015/05/12 职场文书
2016三严三实专题教育活动心得体会
2016/01/06 职场文书
python爬取新闻门户网站的示例
2021/04/25 Python
golang内置函数len的小技巧
2021/07/25 Golang
【D4DJ】美少女DJ企划 动画将于明年冬季开播第2季
2022/04/11 日漫