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 ...
随机推荐
- Python Cookbook(第3版)中文版:15.18 传递已打开的文件给C扩展
15.18 传递已打开的文件给C扩展¶ 问题¶ 你在Python中有一个打开的文件对象,但是需要将它传给要使用这个文件的C扩展. 解决方案¶ 要将一个文件转换为一个整型的文件描述符,使用 PyFile ...
- 【CJOJ P1333】【HNOI2012】矿场搭建
[HNOI2012]矿场搭建 Description 煤矿工地可以看成是由隧道连接挖煤点组成的无向图.为安全起见,希望在工地发生事故时所有挖煤点的工人都能有一条出路逃到救援出口处.于是矿主决定在某些挖 ...
- [BZOJ1878] [SDOI2009] HH的项链 (树状数组)
Description HH有一串由各种漂亮的贝壳组成的项链.HH相信不同的贝壳会带来好运,所以每次散步 完后,他都会随意取出一段贝壳,思考它们所表达的含义.HH不断地收集新的贝壳,因此, 他的项链变 ...
- 在开启kerberos 后,hbase存在数据命名空间的问题(解决方案)
用hbase的超级用户 su - hbasekinit -kt /etc/security/keytabs/hbase.headless.keytab hbase-bigdata@STARYEA.CO ...
- PetaPoco批量插入数据
VS添加完组件,自动生成的PetaPoco.cs文件中没有SqlBulkInsert这个方法,但是可以在里面添加,代码如下: /// <summary> /// BulkInsert // ...
- 云计算之路-阿里云上:针对 docker swarm 故障的部署调整以及应急措施
针对这周 docker swarm 集群的频繁故障(详见故障一 .故障二.故障三),我们今天对 docker swarm 集群的部署进行了如下调整. 将 docker engine 由 “17.12 ...
- eclipse热部署web项目
一.选中JavaEE视图 因为在普通的Java视图下,窗口下方没有server选项卡 二.双击Tomcat 注意:可能很多人当然包括我一开始的时候,都是喜欢右键Tomcat然后Add and remo ...
- java中四种操作xml方式的比较
1)DOM(JAXP Crimson解析器) DOM是用与平台和语言无关的方式表示XML文档的官方W3C标准.DOM是以层次结构组织的节点或信息片断的集合.这个层次结构允许开发人员在树中寻找特定信息. ...
- python web开发-flask中response,cookies,session对象使用详解
Response响应对象: 当一个web请求被服务器处理完后,会返回用户请求的响应,这时候就要用到响应对象,根据响应给用户的形式不同,响应对象有以下几种处理方式 如果返回的是一个合法的响应对象,它会从 ...
- 一场IPFS引领下的共享之风正在走向区块链
中国互联网的高速发展 已经接近10年,小编完整的经历这个过程.这一切我们从一个小网站 饭否 说起... 互联网 2006年3月16:Twitter上线 2007年5月12: 饭否上线 饭否是中国第一 ...