//个位秒加
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. Linux安装jdk1.8和配置环境变量

    每次感觉配这个都很简单,但每次都要查一下,毕竟配错一点 后面都比较麻烦,记录一下,方便以后查看. linux 下安装jdk和windows下的安装是一样的,之前在windows安装的时候是先下载压缩包 ...

  2. GridView 多余字符显示省略号,并在Tooltip中显示完整信息

    效果 方法一:TemplateField 关键点 TemplateField的灵活性 CSS:overflow:hidden;text-overflow:ellipsis (溢出时隐藏;文本溢出时省略 ...

  3. SpringMVC国际化支持

    这周公司领导希望我对一个项目,出一个国际化的解决方案,研究两个小时,采用了SpringMVC的国际化支持,在此记录下. 原理: 在DispatchServlet中注册localeResolver(区域 ...

  4. 前端(HTML/CSS/JS)-HTML编码规范

    一.HTML编码规范 1. img标签要写alt属性 根据W3C标准,img标签要写alt属性,如果没有就写一个空的.但是一般要写一个有内容的,根据图片想要表达的意思,因为alt是在图片无法加载时显示 ...

  5. 12-7jquery选择器学习

    p:odd 选择奇数个数的p标签   p:even选择奇数个数的p标签   p:gt(n)选择下标 大于n的p标签   p:lt(n)选择下标小于n的p标签   $(":root " ...

  6. Appserv(Apache) 配置ssl证书

    一:打开httpd.conf文件,移除注释的行: Include conf/extra/httpd-ahssl.conf LoadModule ssl_module modules/mod_ssl.s ...

  7. 用Node.js写爬虫,撸羞羞的图片

    说到爬虫,很多人都认为是很高大上的东西.哇塞,是不是可以爬妹纸图啊,是不是可以爬小片片啊.答案就是对的.爬虫可以完成这些东西的操作.但是,作为一个正直的程序员,我们要在法律允许范围内用爬虫来为我们服务 ...

  8. Sharepoint对List增删改操作

    在sharepoint的开发过程中,用得最多的,就是获取sharepoint的列表数据,以及对其进行一系列的增删改查等操作,这里主要是记录一些常用的操作,通过对象模型方式对数据进行增删改查. 由于sh ...

  9. parted分区及挂载实战操作大全

    个人原创博客,转载请注明,否则要负法律责任 2017-09-29-14:46:25[root@localhost ~]# df -hFilesystem Size Used Avail Use% Mo ...

  10. IPFS: BitSwap协议(数据块交换)

    原创 2018-01-11 飞向未来 IPFS指南 BitSwap协议 IPFS节点之间是如何进行数据交换的?本文来讲一下这个问题. IPFS在BitTorrent的基础上实现了p2p数据交换协议:B ...