ITPub博客

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

简单的JS闹钟。。。。。

IT生活 作者:yaoran 时间:2021-09-09 08:58:01 0 删除 编辑

图片描述

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/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-15

  • 博文量
    112
  • 访问量
    594