jquery基于Bootstrap实现的倒计时LED灯时间代码

代码笔记       4.03KB      2018-08-25 07:48:06    


代码的JS部分

 

$(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);
});
});

代码在末尾还引用了一个js文件countdown.js,如果要运用到别的项目中不要忘记引入了哦 
效果预览 下载地址 打赏