利用JavaScript写一个简单的在线秒表

HTML代码如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.box{text-align: center;margin: 12% auto;}.tabbox{height: 16em;width: 18em;margin: 0 auto;border: 1px solid #7cd1f9;border-radius: 5px;}</style>
</head>
<body><div class="box"><span id="time">00时00分00秒</span><br><br><button id="startjs">开始</button><button id="stopjs">暂停</button><button id="clearjs">清零</button><button id="tabjs">标记</button><br><br><!-- 标记框 --><div class="tabbox"><span id="alltab"></span></div></div>
</body>
</html>

JavaScript代码如下：

        var h = 0;var m = 0;var s = 0;var jsh = 0;var jsm = 0;var jss = 0;var jsq = null;document.getElementById( "stopjs" ).disabled = true;//禁用暂停按钮function clear(){jsh = 0;jsm = 0;jss = 0;if ( jsh < 10 ) {h = "0" + jsh;}if ( jsm < 10 ) {m = "0" + jsm;}if ( jss < 10 ) {s = "0" + jss;}}function run() {jss++;if ( jss >= 60 ) {jsm++;jss = 0;}if ( jsm >= 60 ) {jsh++;jsm = 0;}//时分秒换算if ( jsh < 10 ) {h = "0" + jsh;} else {h = jsh;}if ( jsm < 10 ) {m = "0" + jsm;} else {m = jsm;}if ( jss < 10 ) {s = "0" + jss;} else {s = jss;}//小于10补0document.getElementById( "time" ).innerHTML = h + "时" + m + "分" + s + "秒";}startjs.onclick = function () {clear();//调用清零函数document.getElementById( "startjs" ).disabled = true;//禁用开始按钮document.getElementById( "stopjs" ).disabled = false;//启用暂停按钮jsq = setInterval( run, 1000 );}stopjs.onclick = function () {document.getElementById( "startjs" ).disabled = false;//启用开始按钮clearInterval( jsq );}clearjs.onclick = function () {clear();//调用清零函数document.getElementById( "startjs" ).disabled = false;//启用开始按钮clearInterval( jsq );document.getElementById( "time" ).innerHTML =  "00时" + "00分" + "00秒";document.getElementById( "alltab" ).innerHTML = null;//清空标记}tabjs.onclick = function () {var tab = document.getElementById( "time" ).innerHTML;document.getElementById( "alltab" ).innerHTML += tab + "<br>";}

效果图如下：

做个学习笔记，方便日后忘了好回来找找感觉。

利用JavaScript写一个简单的在线秒表相关推荐

利用python写一个简单的双色球彩票系统
利用python写一个简单的双色球彩票系统 1.设置每次买的号码一样写一个双色球彩票系统,系统可以随机产生一组数据,一组彩票数据有六位数,这六位数的的取值范围是0和1. 一张彩票是两块钱,用户可以选 ...
用javascript写一个简单的登录表单，包含用户名、密码和手机号码。提交数据时验证用户名、密码和手机号输入格式。
题目:写一个用于登录的表单,包含用户名.密码和手机号码.提交数据的时候,要求验证: 1. 用户名必须输入汉字: 2. 密码总共6位,前2位为字母,后4位为数字: 3. 手机号码符合中国大陆手机号码格式 ...
使用JavaScript写一个简单的万年历（动态的电子时钟）
最近一直在自学JavaScript,前些日子写了一个动态的电子钟,过程还是比较简单的,主要使用了JavaScript的内置对象--Date对象,它的常用方法包括以下几个: getDate():返回一个 ...
html+css+javaScript 写一个简单游戏看了就会
小游戏:九宫格也可以叫三子棋,边学习js边练习,界面长这样: 步骤: 1.画好九宫格 2.实现点击后把图片放上去(绑定监听事件) 3.交替画图 4.把每个div关联到一个二维数组,方便以后计算 5.计 ...
利用matlab写一个简单的拉普拉斯变换提取图像边缘
可以证明,最简单的各向同性微分算子是拉普拉斯算子.一个二维图像函数 f(x,y) 的拉普拉斯算子定义为其中,在 x 方向可近似为同理,在 y 方向上可近似为于是我们得到满足以上三个公式的两个变 ...
利用泛型写一个简单的链表
--------<设计模式:基于C#的工程化实现及扩展> 利用泛型实现简单链表 namespace BangWorks.PractcalPattern.Generic {/// <s ...
利用JavaScript实现一个简单的猜数字游戏
问题描述:程序随机生成一个1到10之间的数字,然后让用户随机输入一个数字,如果用户输入的数字过大,则提示用户猜的数字过大,请往小的猜,如果用户输入的数字过小,则提示用户输入的数字过小,请往大的猜:当 ...
运用javascript写一个简单的点名系统！
这个项目是我之前写的最初的点名系统,很垃圾.过段时间放上我之前写的高级一点的 <!DOCTYPE html> <html lang="en"> <he ...
python123程序设计题说句心里话_用c++写一个简单的计算器程序
// 050305.cpp : 定义控制台应用程序的入口点. // // 050304.cpp : 定义控制台应用程序的入口点. // //四则运算 #include "stdafx.h&q ...

利用JavaScript写一个简单的在线秒表

利用JavaScript写一个简单的在线秒表相关推荐

最新文章

热门文章