- 先上效果图
计时器
秒表
倒计时器
时钟
部分代码:
// 获取时分秒的事件
var myTime = "";
function getShiFenMiao() {
var year = $("#year option:selected").text();
var month = $("#month option:selected").text();
var day = $("#day option:selected").text();
var reg = /^([0]|[1-9][0-9]*)$/
var isShi = $("#isShi").val();
var isFen = $("#isFen").val();
var isMiao = $("#isMiao").val();
var yearFormat = changeLength(year);
var monthFormat = changeLength(month);
var dayFormat = changeLength(day);
var isShiFormat = changeLength(isShi);
var isFenFormat = changeLength(isFen);
var isMiaoFormat = changeLength(isMiao);
if(!reg.test(isShi) || !reg.test(isFen) || !reg.test(isMiao) ){
alert("请输入正整数!");
}else{
myTime = yearFormat+"-"+monthFormat+"-"+dayFormat+" "+isShiFormat+":"+isFenFormat+":"+isMiaoFormat;
//console.log(myTime);
window.c = setInterval(jiankongtime, 1000);
}
}
function jiankongtime() {
var nowTime = $("#time2").text();
if(myTime == nowTime){
window.clearInterval(c);
document.getElementById("myaudio").play();
}
}
// 获取当前时间
function getDatetime() {
var d = new Date();
var year = d.getFullYear();
var month = change(d.getMonth() + 1);
var day = change(d.getDate());
var hour = change(d.getHours());
var minute = change(d.getMinutes());
var second = change(d.getSeconds());
var time = year + '-' + month + '-' + day + ' ' + hour + ':' + minute
+ ':' + second;
return time;
}
function change(t) {
if (t < 10) {
return "0" + t;
} else {
return t;
}
}
function changeLength(t) {
if (t.length == 1) {
return "0" + t;
} else {
return t;
}
}
- 附上源码地址,有兴趣的可以一起探讨:https://gitee.com/schjava/MyTest.git