timer--计时器
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>timer-计时器</title>
<style>
div{
width:300px;
margin:0 auto;
padding-top:60px;
}
#timer{
font-size:30px;
text-align:center;
}
#start{
font-weight:bold;
} </style>
<script>
var intervalId, //setInterval的id
pattern = /^\d$/, //正则模式,匹配单个数值
intervalSeconds = 1000, //调用setInterval的间隔时间,设置为 1000 毫秒,即 1 秒
secondIncrement = 0; //设置秒递增器起始值为 0 //注册页面加载事件
window.onload = function () {
var start = document.getElementById("start");
var timer = document.getElementById("timer"); function handleTimer() {
if (!intervalId) {
intervalId = setInterval(function () {
secondIncrement++;
//定义一个Date对象实例
var someDate = new Date("1111/1/1,0:0:0");
//设置秒数,当secondIncrement值超过59时,则分钟数会加1
someDate.setSeconds(secondIncrement); var hours = someDate.getHours();
hours = pattern.test(hours) ? "0" + hours + ":" : hours + ":";
var minutes = someDate.getMinutes();
minutes = pattern.test(minutes) ? "0" + minutes + ":" : minutes + ":";
var seconds = someDate.getSeconds();
seconds = pattern.test(seconds) ? "0" + seconds : seconds;
timer.value = hours + minutes + seconds;
}, intervalSeconds);
this.innerHTML = "Pause";
} else {
clearInterval(intervalId);
intervalId = null;
this.innerHTML = "Start";
}
} start.addEventListener("click", handleTimer, false); }
</script>
</head>
<body> <div>
<p><input type="text" id="timer" value="00:00:00" readonly/></p>
<button id="start">Start</button>
</div> </body>
</html>
timer--计时器的更多相关文章
- Nonove js timer 计时器
<html> <head> <title> Nonove js timer 计时器 </title> </head> <body> ...
- Timer计时器
private Timer timer; timer.schedule(new TimerTask() { @Override public void run() { if (isStopedReco ...
- go语言示例-Timer计时器的用法
计时器用来定时执行任务,分享一段代码: package main import "time" import "fmt" func main() { //新建计时 ...
- java中Timer计时器使用
1.新建计时器Timer对象 2.给计时器安排任务,schedule方法 3.取消计时器中分配的任务,purge方法 4.终止计时器,cancel方法 注意:如果计时器已经终止,还要给计时器安排任务, ...
- C#.NET 中的 Timer 计时器及 3 种使用方法
定时器是系统常用的组件之一,程序员可以根据自己的需求定制一个定时器类型,也可以使用.net内建的定时器类型.在.net中一共为程序员提供了3种定时器: System.Windows.Forms.Tim ...
- 【C#/WPF】用System.Timers.Timer计时器做浮窗广告
需求:鼠标静止一段时间后,显示浮窗广告. 思路:界面XAML写好一个专门显示浮窗广告的Canvas,先设为不可见Visibility=”Collapsed”,然后用System.Timers.Time ...
- JavaScript JSON timer(计时器) AJAX HTTP请求 同源策略 跨域请求
JSON 介绍 1. JSON: JavaScript Object Notation 是一种轻量级的数据交换格式. 它基于ECMAScript的一个子集. JSON采用完全独立于语言的文本格式,但是 ...
- 线程 Timer TimerTask 计时器 定时任务 MD
Markdown版本笔记 我的GitHub首页 我的博客 我的微信 我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina ...
- Java中Timer和TimerTask来实现计时器循环触发
package xian; import java.io.BufferedReader; import java.io.FileNotFoundException; import java.io.Fi ...
- Linux 时钟与计时器
对 Linux 系统来说,时钟和计时器是两个十分重要的概念.时钟反应的是绝对时间,也可认为是实时时间.计时器反应的则是相对时间,即相对于系统启动后的计时.操作系统内核需要管理运行时间(uptime)和 ...
随机推荐
- 解决JSP路径问题的方法(jsp文件开头path, basePath作用)
原文:http://blog.csdn.net/mingxunzh/article/details/4627185 在JSP中的如果使用 "相对路径" 则有可能会出现问题. 因为 ...
- unittest框架介绍
1.test fixture(测试框架) 测试准备前要做的工作和测试执行完成后要做的工作,例如测试前需要把数据初始化,测试完成后需要把测试环境中需要关的东西都关掉.主要包括setUp()和tearDo ...
- IIS6.0开启gzip压缩(来自百度)
IIS6.0开启gzip压缩 | 更新:2012-08-10 10:29 1 2 3 4 5 分步阅读 开启gzip可以极大的加速网站.有时压缩比率高达80%,近来测试了一下,最少都有40%以上,还是 ...
- Shell脚本的追踪与debug
[xd502djj@linux ~]#sh [-nvx] scripts.sh 参数: -n:不执行脚本,仅仅查询语法错误 -v:执行脚本前,先将脚本scripts的内容输出到屏幕上 -x:将使用到的 ...
- Sphinx 的介绍和原理探索——不存储原始数据,原始数据来源于SQL,而生成索引放在内存或者磁盘中
摘自:http://blog.jobbole.com/101672/ What/Sphinx是什么 定义:Sphinx是一个全文检索引擎. 特性: 索引和性能优异 易于集成SQL和XML数据源,并可使 ...
- iOS开发UI篇—多控制器和导航控制器简单介绍
iOS开发UI篇—多控制器和导航控制器简单介绍 一.多控制器 一个iOS的app很少只由一个控制器组成,除非这个app极其简单.当app中有多个控制器的时候,我们就需要对这些控制器进行管理 有多个vi ...
- Linux diable ipv6
在RHEL 5下面测试成功 linux下面禁止ipv6的方法: 来自: 杨志刚 博客 (http://yangzhigang.cublog.cn) 这里我所做的是Redhat Linux, ...
- GCD与block
GCD技术多线程编程的三个技术 NSThread NSOperation GCD1.GCD(Grand central Dispatch:宏大的中央调度) 1) 是用纯C语言实现的.提 ...
- 1238. Folding
http://acm.timus.ru/problem.aspx?space=1&num=1238 DP+记忆化搜索 思路不难,关键是最优结果的储存问题,为了编写方便,直接用string储存最 ...
- 例子:Alarm Clock with voice Commands Sample
通过本例子学习: 如何使用自定义字体文件(.TTF) 如何播放声音 动画的使用 Speech 设置闹铃 应用 设置 数据存储到IsolatedStorage 如何使用自定义字体文件(.TTF) < ...