//个位秒加
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. 权限的分类(shiro项目中来的五)

    第一种权限:菜单栏展示还是不展示的权限(粗颗粒) 实现方法,在SYS_ROLE表中添加一个字段rights,通过 public static BigInteger sumRights(String[] ...

  2. ASP.NET Core 2.0: 二. 开发环境

    macOS:Install Visual Studio for Mac 系统要求: macOS 10.12 Sierra 及更高版本 其他要求: 可能会要求安装xcode或android相关环境, 详 ...

  3. 关于js中 toFixed()的一个小坑

    作为一名前端,大家都应该知道,toFixed()的作用,toFixed()经常用于前台与后台数据格式的转换,套用下w3c上面的定义: 定义和用法toFixed(n) 方法可把 Number 四舍五入为 ...

  4. LinkedHashMap和HashMap

    1.HashMap: HashMap里面存入的键值对在取出的时候是随机的,是比较常用的Map.它根据key的HashCode值存储数据,根据key可以直接取出它的值(当然也有冲突的情况,不过遍历链表就 ...

  5. 【BZOJ3932】任务查询系统(主席树)

    [BZOJ3923]任务查询系统(主席树) 题面 Description 最近实验室正在为其管理的超级计算机编制一套任务管理系统,而你被安排完成其中的查询部分.超级计算机中的 任务用三元组(Si,Ei ...

  6. linux 添加ftp用户与登录配置详解

    不同类Unix有一定区别 版本不同也有些区别 在linux主机上如何添加ftp用户 (一)修改配置文件 vi /etc/vsftpd/vsftpd.conf 在96行,97,98行 96 chroot ...

  7. clientTop,scrollTop,兼容

    在开发中常见的额兼容性问题: scrollTop问题: function scroll() { // 开始封装自己的scrollTop if(window.pageYOffset != null) { ...

  8. 一次SSLPeerUnverifiedException,SSLHandshakeException问题的分析

    一次SSLPeerUnverifiedException,SSLHandshakeException的问题分析   最近工作遇到一个https链接,通过pc(浏览器,curl)能正常访问,ios能正常 ...

  9. WebStorm配置Vue开发环境

    虽然最新版的前端开发利器WebStorm支持了Vue,但是大部分人的WebStorm依然是默认不支持Vue的老版本(比如之前的我),所以需要手动添加WebStorm对Vue的支持.要想让WebStor ...

  10. Linux中jdk的安装和环境变量的配置

    我安装的linux系统版本是RedHat4 64位,jdk版本为jdk-6u10-linux-i586.bin 1.首先找到安装包的位置->进入此文件夹,此bin格式的文件可用./命令直接进行安 ...