Connect_logo_6.png 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码

jQuery自定义时长LED倒计时代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-09-01
一款简单漂亮LED样式的jQuery自定义时长倒计时代码,设置好分秒点击Start按钮开始倒计时。


js代码

<script type="text/javascript">
$(document).ready(function() {
	var date_str = "";
	for (var i = 0; i <= 23; i++) {
		var d_;
		i < 10 ? d_ = "0" + i : d_ = i;
		date_str = date_str + "<option>" + d_ + "</option><br/>"
	}
	$("#_minute").append(date_str);
	var time_str = "";
	for (var i = 0; i <= 59; i++) {
		var t_;
		i < 10 ? t_ = "0" + i : t_ = i;
		time_str = time_str + "<option>" + t_ + "</option><br/>"
	}
	$("#_second").append(time_str);
});
$(document).ready(function() {
	$("#start_").click(function() {
		var m_ = $("#_minute").val();
		var s_ = $("#_second").val();
		seconds_ = m_ * 60 + s_ * 1;
	});
	$("#reset_").click(function() {
		$("#_minute").val("00");
		$("#_second").val("00");
		seconds_ = 0;
		clearInterval(timer);
	});
});
</script>