js计时功能
//个位秒加
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计时功能的更多相关文章
- js小功能整理
/** * 判断是否包含字符串某字符串 * @param {[type]} str [被检测的字符串] * @param {[type]} substr [检测是否含有的字符串] * @return ...
- 自己封装的JS分页功能[用于搭配后台使用]
* 2016.7.03 修复bug,优化代码逻辑 * 2016.5.25 修复如果找不到目标对象的错误抛出. * 2016.5.11 修复当实际页数(pageNumber)小于生成的页码间隔数时的bu ...
- Unity3D 游戏计时功能实现
最近工作实在是太忙了,没办法认真写博客,但是还是要好好记录下日常的学习. 需求 各类游戏中都大量运用到计时功能,不管是直接显示的在前端UI,还是后台运行. 思路 Unity中提供了Time类可以方便的 ...
- js小功能记录
个人日常中遇到的js小功能记录,方便查看. /** * 判断是否包含字符串某字符串 * @param {[type]} str [被检测的字符串] * @param {[type]} substr [ ...
- C/C++/Java 程序计时功能函数
编写程序肯定要使用计时功能,来判断程序的执行时间.今天Google了一下,自己就梳理总结一下: (1)C/C++程序计时 C/C++中使用的计时函数是clock(). C语言中的头文件对应是#incl ...
- 【cocos2d-x制作别踩白块儿】第九期:游戏计时功能(附源代码)
游戏没有计时,不是坑爹吗? 这一期,我们将来加入游戏计时功能. 1. 定义变量和函数 我们先在HelloWorldScene.h中定义几个变量和函数 long startTime; bool time ...
- unity3d 计时功能舒爽解决方案
上次也写了一篇计时功能的博客 今天这篇文章和上次的文章实现思路不一样,结果一样 上篇文章地址:http://www.cnblogs.com/shenggege/p/4251123.html 思路决定一 ...
- JavaScript如何实现计时功能。
JavaScript如何实现计时功能. 解答:<script> window.setTimeout( “window.location = ‘http://www.csdn.net ‘; ...
- js计时函数实现秒表的开始-暂停-清零功能
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
随机推荐
- ls -l 显示年份
默认情况下ls -l命令只显示月和日,不显示年份: $ ls -llrwxrwxrwx 1 root root 7 Feb 27 16:12 bin -> usr/bin 如要要显示年份,就要使 ...
- IOS开发之App被拒原因
新手入门,简单记录一下Ipa提交给苹果公司后,有可能会被驳回的原因,欢迎补充和纠正! 原因: 1.ipa功能缺陷,譬如不能正常登陆.界面打不开.支付调不起等测试过程中未发现的Bug,实在是不应该!!! ...
- MyEclipse 2014专业版的破解--Windows系统的软件安装
一.破解前的准备 MyEclipse2014破解包: 您可以到计算机相关专业所用软件---百度云链接下载中找到链接地址进行下载. 二.破解步骤 1.打开破解文件资源包 2.执行run.bat 3.输入 ...
- [HDU5663]Hillan and the girl
题面戳我(题面很鬼畜建议阅读一下) 题意:给出n,m,求 \[\sum_{i=1}^{n}\sum_{j=1}^{m}[gcd(i,j)\mbox{不是完全平方数}]\] 多组数据,\(n,m\le1 ...
- 细说css中的position属性
有过css开发经验的同学,对于position这个属性一定不会陌生,然而这个熟悉的属性确是面试题中的常客,也就说明了该属性在css的世界是有一定的江湖地位的,那么我们就来详细的说说position这个 ...
- C# Redis实战(二)
二.Redis服务 在C# Redis实战(一)中我将所有文件拷贝到了D盘redis文件夹下,其中redis-server.exe即为其服务端程序,双击即开始运行,如图 可以 ...
- django Forbidden
Forbidden (CSRF cookie not set.)解决方法 Forbidden (CSRF cookie not set.):xxx解决方法:在django项目的settings.py文 ...
- Lintcode360 Sliding Window Median solution 题解
[题目描述] Given an array of n integer, and a moving window(size k), move the window at each iteration f ...
- windows7+python2.7+setuptools 、pip+Django+PIL 网页制作环境配置
1.安装Python2.7 官网下载安装包python-2.7.amd64,对应64位.安装时没什么特别操作,安装后将python的安装路径添加到系统变量path中,步骤为程序->计算机-> ...
- 破解ServiceStack.Redis每小时6000次限制
在.net里我们操作Redis常用的组件就是ServiceStack.Redis了,但是这个从4.0版本后开始商业化了,我们在使用的时候, 会有很多限制: 1.类型限制, 类型限制是20,这个组件自带 ...