jQuery秒表（简易版）

Html

Css

#a {
	width:200px;
	height:200px;
	padding:50px;
	border:1px #000000 solid;
	background-color:bisque;
	margin:auto;
	text-align:center;
}
#a span {
	font-size:30px;
}
#a button {
	width:100px;
	margin:20px auto;
	color:#ffffff;
	background-color:#000000;
}

var i = 0; //总秒数
var num = null; //记录定时器的值
var judge = false; //是否处于计时状态
function $(id) {
    return document.getElementById(id)
}

//重置
    $("reset").onclick = function() {
        clearInterval(num);
        i = 0;
        $("sec").innerHTML = "00";
        $("min").innerHTML = "00";
        $("msec").innerHTML = "00";
    }
    $("startPause").onclick = function() {
        if (!judge) {
            $("startPause").innerHTML = "暂停";
            start()
            judge = true;
        } else {
            $("startPause").innerHTML = "开始";
            judge = false;
            clearInterval(num);
        }
    }
}

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

jQuery秒表（简易版）

代码描述：简易版秒表,计时器

更新时间：2020-07-28 11:16:20

1

最新

发表评论全部评论

暂时没有评论！

胡建青0

2020/9/29 9:46:50

点击开始之后点击重置上一个按钮不是变成开始应该在创建reset事件的时候顺便修改一下judge的值回复

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

1

相关代码

jQuery秒表（简易版）

最新