//个位秒加
function time4jia() {
//分钟60为上限 所有加停止
if (sz(a('time1').innerHTML) == 6) {
return;
}
var m4 = sz(a('time4').innerHTML);//取个位秒
if (m4 < 9) {
//0-8秒 个位秒+1 并计算理论分
a('time4').innerHTML = (m4 + 1);
Llf();
}
else {
//当前9秒 个位秒置0
a('time4').innerHTML = 0;
//执行十位秒加1操作
time3jia();
}
}; //十位秒加
function time3jia() {
//分钟60为上限 所有加停止
if (sz(a('time1').innerHTML) == 6) {
return;
}
var m3 = sz(a('time3').innerHTML);//取十位秒
if (m3 < 5) {
//0-4秒 十位秒+1 并计算理论分
a('time3').innerHTML = (m3 + 1);
Llf();
}
else {
//当前5秒 十位秒置0
a('time3').innerHTML = 0;
//执行个位分加1操作
time2jia();
}
}; //个位分加
function time2jia() {
//分钟60为上限 所有加停止
if (sz(a('time1').innerHTML) == 6) {
return;
}
var m2 = sz(a('time2').innerHTML);//取个位分
if (m2 < 9) {
//0-8分 个位分+1 并计算理论分
a('time2').innerHTML = (m2 + 1);
Llf();
}
else {
//当前9分 个位分置0
a('time2').innerHTML = 0;
//执行十位分加1操作
time1jia()
}
}; //十位分加
function time1jia() {
//分钟60为上限 所有加停止
if (sz(a('time1').innerHTML) == 6) {
return;
}
var m1 = sz(a('time1').innerHTML);//取十位分
if (m1 < 6) {
//0-5分 十位分+1
a('time1').innerHTML = (m1 + 1);
if (sz(a('time1').innerHTML) == 6) {
//十位分+1后为上限6 则其它归0
a('time4').innerHTML = 0;
a('time3').innerHTML = 0;
a('time2').innerHTML = 0;
}
}
Llf();//最后计算理论分
}; //个位秒减
function time4jian() {
var m4 = sz(a('time4').innerHTML);//取个位秒
if (m4 > 0) {
//个位秒大于0 则-1 并计算理论分
a('time4').innerHTML = (m4 - 1);
Llf();
}
else {
//个位秒为0时 减成9 再执行十位秒减1操作
a('time4').innerHTML = 9;
time3jian();
}
}; //十位秒减
function time3jian() {
var m3 = sz(a('time3').innerHTML);//取十位秒
if (m3 > 0) {
//十位秒大于0 则-1 并计算理论分
a('time3').innerHTML = (m3 - 1);
Llf();
}
else {
//十位秒为0时 减成5 再执行个位分减1操作
a('time3').innerHTML = 5;
time2jian();
}
}; //个位分减
function time2jian() {
var m2 = sz(a('time2').innerHTML);//取个位分
if (m2 > 0) {
//个位分大于0 则-1 并计算理论分
a('time2').innerHTML = (m2 - 1);
Llf();
}
else {
//个位分为0时 减成9 再执行十位分减1操作
a('time2').innerHTML = 9;
time1jian();
}
}; //十位分减
function time1jian() {
var m1 = sz(a('time1').innerHTML);//取十位分
if (m1 > 0) {
//十位分大于0 则-1 并计算理论分
a('time1').innerHTML = (m1 - 1);
}
else {
//当十位分为0时 再减 则全部归0
a('time4').innerHTML = 0;
a('time3').innerHTML = 0;
a('time2').innerHTML = 0;
a('time1').innerHTML = 0;
}
Llf();//最后计算理论分
}; //循环事件标记变量
var int = 0; //倒计时启动
function qidong() {
time4jian();
int = self.setInterval("time4jian()", 1000);
a('startbtn').style.display = "none";
a('stopbtn').style.display = "";
}; //倒计时停止
function tingzhi() {
window.clearInterval(int);
a('startbtn').style.display = "";
a('stopbtn').style.display = "none";
};
<table border="0" width="100%" cellpadding="0" style="border-collapse: collapse" height="100%">
<tr>
<td align="right" valign="bottom" class="auto-style1"></td>
<td align="center" valign="bottom" class="auto-style1">
<input type="button" value="+" class="shengyu" onClick="time2jia();"></td>
<td align="center" valign="bottom" class="auto-style1">
<input type="button" value="+" class="shengyu" onClick="time3jia();"></td>
<td align="left" valign="bottom" class="auto-style4">
<input type="button" value="+" class="shengyu" onClick="time4jia();"></td>
</tr>
<tr>
<td align="right" class="auto-style1">
<span id="time1" class="daojishi">2</span>
</td>
<td align="center" class="auto-style1">
<span id="time2" class="daojishi">0</span>
</td>
<td align="left" class="auto-style1">
<span class="daojishi">:</span>
<span id="time3" class="daojishi">0</span>
</td>
<td align="left" class="auto-style4">
<span id="time4" class="daojishi">0</span>
</td>
</tr>
<tr>
<td align="right" valign="top" class="auto-style1"></td>
<td align="center" valign="top" class="auto-style1">
<input type="button" value="-" class="shengyu" onClick="time2jian();"></td>
<td align="center" valign="top" class="auto-style1">
<input type="button" value="-" class="shengyu" onClick="time3jian();"></td>
<td align="left" valign="top" class="auto-style4">
<input type="button" value="-" class="shengyu" onClick="time4jian();"></td>
</tr>
</table>

js计时功能的更多相关文章

  1. js小功能整理

    /** * 判断是否包含字符串某字符串 * @param {[type]} str [被检测的字符串] * @param {[type]} substr [检测是否含有的字符串] * @return ...

  2. 自己封装的JS分页功能[用于搭配后台使用]

    * 2016.7.03 修复bug,优化代码逻辑 * 2016.5.25 修复如果找不到目标对象的错误抛出. * 2016.5.11 修复当实际页数(pageNumber)小于生成的页码间隔数时的bu ...

  3. Unity3D 游戏计时功能实现

    最近工作实在是太忙了,没办法认真写博客,但是还是要好好记录下日常的学习. 需求 各类游戏中都大量运用到计时功能,不管是直接显示的在前端UI,还是后台运行. 思路 Unity中提供了Time类可以方便的 ...

  4. js小功能记录

    个人日常中遇到的js小功能记录,方便查看. /** * 判断是否包含字符串某字符串 * @param {[type]} str [被检测的字符串] * @param {[type]} substr [ ...

  5. C/C++/Java 程序计时功能函数

    编写程序肯定要使用计时功能,来判断程序的执行时间.今天Google了一下,自己就梳理总结一下: (1)C/C++程序计时 C/C++中使用的计时函数是clock(). C语言中的头文件对应是#incl ...

  6. 【cocos2d-x制作别踩白块儿】第九期:游戏计时功能(附源代码)

    游戏没有计时,不是坑爹吗? 这一期,我们将来加入游戏计时功能. 1. 定义变量和函数 我们先在HelloWorldScene.h中定义几个变量和函数 long startTime; bool time ...

  7. unity3d 计时功能舒爽解决方案

    上次也写了一篇计时功能的博客 今天这篇文章和上次的文章实现思路不一样,结果一样 上篇文章地址:http://www.cnblogs.com/shenggege/p/4251123.html 思路决定一 ...

  8. JavaScript如何实现计时功能。

    JavaScript如何实现计时功能. 解答:<script> window.setTimeout( “window.location = ‘http://www.csdn.net ‘; ...

  9. js计时函数实现秒表的开始-暂停-清零功能

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

随机推荐

  1. RobotFramework下的http接口自动化Set Request Header 关键字的使用

    Set Request Header 关键字用来设置http请求时的请求头部信息. 该关键字接收两个参数,[ header_name | header_value ] 示例1:设置http请求时的Re ...

  2. Gedit : 我的开场白 [TPLY]

    为什么用Gedit 在学校的高一新生里,好像就只有我使用Gedit 大家都笑我是"用记事本编程的人" 我就想 到考场看看你们笑得出来不 先放一个高配emacs配置 (global- ...

  3. [清华集训]小 Y 和恐怖的奴隶主

    题面在这里 题意 有一个\(Boss\)和他血量为\(m\)的随从奴隶主,每当奴隶主受到攻击且不死,并且\(Boss\)的随从个数\(<k\)时,就会新召唤一个血量为\(m\)的奴隶主.每次攻击 ...

  4. Angular和Vue.js 深度对比

    Vue.js 是开源的 JavaScript 框架,能够帮助开发者构建出美观的 Web 界面.当和其它网络工具配合使用时,Vue.js 的优秀功能会得到大大加强.如今,已有许多开发人员开始使用 Vue ...

  5. 关系型数据库工作原理-数据库查询器(翻译自Coding-Geek文章)

    本文翻译自Coding-Geek文章:< How does a relational database work>.原文链接:http://coding-geek.com/how-data ...

  6. php 目录处理函数

    之前我们处理的全都是文件,那目录和文件夹怎么处理呢? 我们就来学习目录或者称为文件夹的处理相关函数. 处理文件夹的基本思想如下: 1.读取某个路径的时候判断是否是文件夹 2.是文件夹的话,打开指定文件 ...

  7. 文件导出也可以这么写【js+blob】

    文件导出在软件开发中是个比较常用的功能,基本原理也很简单: 浏览器向后台发送一个Get请求 后台处理程序接收到请求后,经过处理,返回二进制文件流 浏览器接收到二进制文件流后提示下载文件 调用的js方法 ...

  8. STM32F10x的启动汇编分析

    ;******************** (C) COPYRIGHT 2009 STMicroelectronics ********************;* File Name         ...

  9. js备战春招の四の表单

    表单验证:required="required"(浏览器自动验证) javascript表单验证: <input id="numb">这条html标 ...

  10. Problem : 1196 ( Lowest Bit )

    第一次一次通过,逻辑太简单... #include<iostream> using namespace std; void main() { int n; while(cin>> ...