Html
    Css
    Js

    
                        
body {
	background-color:#000;
	color:#fff;
}
.con {
	padding:20px;
}
.time {
	height:100px;
	line-height:50px;
}
.timeresult {
	height:50px;
	line-height:50px;
}
.count {
	height:150px;
	line-height:50px;
}
.start {
	width:50px;
	height:25px;
	border-radius:5px;
	float:left;
	margin-right:10px;
	background-color:#333;
	text-align:center;
	line-height:25px;
	cursor:pointer;
}
.end {
	width:50px;
	height:25px;
	border-radius:5px;
	float:left;
	background-color:#333;
	text-align:center;
	line-height:25px;
	cursor:pointer;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

选取时间获取倒计时

选取目标时间,若选取不完整,会提示,若选取时间小于当前时间,会提示。
点击开始按钮,获取当前时间。做差求得时间差,显示倒计时。
点击结束,结束倒计时。

0