首页 > IT职业 > IT生活 > 简单的JS闹钟。。。。。

function startTime() {
var today = new Date(),
y = today.getFullYear(),
month = today.getMonth() + 1,
day = today.getDate(),
h = today.getHours(),
m = today.getMinutes(),
s = today.getSeconds();
y = checkTime(y);
month = checkTime(month);
h = checkTime(h);
m = checkTime(m);
s = checkTime(s);
$('#txt').html("现在是北京时间" + ":" + y + "-" + month + "-" + day + " " + h + ":" + m + ":" + s);
t = setTimeout('startTime()', 500); }
function checkTime(i) {
if(i i = "0" + i;
}
return i;
}
//小时
for(var i = 1; i var str = '';
str += '';
$('#hour').append(str);
}
//分
for(var t = 0; t var str2 = '';
str2 += '';
$('#minutes').append(str2);
}
var mytime;
var aH;
var aM;
$(function() {
$(".setting").on("click", function() {
$(".mask,.a").show();
});
$("#canle").on("click", function() {
$(".mask,.a").hide();
});
$("#hour").change(function() {
var nowH = $("#hour").val();
sessionStorage.setItem("now", nowH);
});
$("#minutes").change(function() {
var nowM = $("#minutes").val();
sessionStorage.setItem("nowM", nowM);
});
$("#finsh").on("click", function() {
var d = new Date(),
hour = d.getHours(),
minutes = d.getMinutes(),
nowHour = sessionStorage.getItem("now"),
nowMinutes = sessionStorage.getItem("nowM");
//如果选择时小于现在时并且分数相等
if(nowHour minutes) {
aH = 24 - hour + parseInt(nowHour); //小时
aM = nowMinutes - minutes - 1; //分钟
sessionStorage.setItem("aH", aH);
sessionStorage.setItem("aM", aM);
mytime = setInterval("timeClock()", 60000);
alert("闹钟倒计时" + aH + "小时" + aM + "分");
}
//如果选择时大于现在时并且分数相等
if(nowHour > hour && nowMinutes == minutes) {
aH = nowHour - hour; //小时
aM = 0; //分钟
sessionStorage.setItem("aH", aH);
sessionStorage.setItem("aM", aM);
mytime = setInterval("timeClock()", 60000);
alert("闹钟倒计时" + aH + "小时" + "0分");
}
//如果选择时大于现在时并且选择分数小于当前分数
if(nowHour > hour && nowMinutes hour && nowMinutes > minutes) {
aH = nowHour - hour; //小时
aM = nowMinutes - minutes - 1; //分钟
sessionStorage.setItem("aH", aH);
sessionStorage.setItem("aM", aM);
mytime = setInterval("timeClock()", 60000);
alert("闹钟倒计时" + aH + "小时" + aM + "分");
}
//如果选择时等于现在时并且选择分数等于当前分数
if(nowHour == hour && nowMinutes == minutes) {
aH = 23; //小时
aM = 59; //分钟
sessionStorage.setItem("aH", aH);
sessionStorage.setItem("aM", aM);
mytime = setInterval("timeClock()", 60000);
alert("闹钟倒计时" + "23小时59分");
}
//如果选择时等于现在时并且选择分数大于当前分数
if(nowHour == hour && nowMinutes > minutes) {
aH = 0; //小时
aM = nowMinutes - minutes; //分钟
sessionStorage.setItem("aH", aH);
sessionStorage.setItem("aM", aM);
mytime = setInterval("timeClock()", 60000);
alert("闹钟倒计时" + "0小时" + aM + "分");
}
//如果选择时等于现在时并且选择分数小于当前分数
if(nowHour == hour && nowMinutes });
var timeClock = function() {
var hh = sessionStorage.getItem("aH");
var mm = sessionStorage.getItem("aM");
mm--;
if(mm hh--;
mm = 59;
}
if(hh == 0 && mm == 0) {
hh = 0;
mm = 0;
clearInterval(mytime);
alert("闹钟响了!时间到了!")
}
}
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1721/viewspace-2807538/ ,如需转载,请注明出处,否则将追究法律责任。