使用JavaScript设置闹钟

下文有更新(更新于2017/8/25)

功能：设置时间，闹钟提醒

1.实时更新时间并显示

2.达到指定时间会有提醒

*{margin:0px;padding:0px;}#all{margin:5px;padding:5px;border:1px solid #000;width:350px;}#div_1{width:500px;height:300px;margin:5px;padding:5px;border:5px solid #F00;position:absolute;top:50px;left:400px;}
<script type="text/javascript">var time="";	//获取当前时间function showTime(){var myDate=new Date();	//创建时间对象	var hours=myDate.getHours();hours=checkTime(hours);					//获取小时var minutes=myDate.getMinutes();minutes=checkTime(minutes);			//获取分钟var seconds=myDate.getSeconds();	seconds=checkTime(seconds);			//获取秒time=hours+":"+minutes+":"+seconds;	//得到时间字符串window.document.framclock.nowTimeText.value=time;	//显示在“获取当前时间”中var t_1=window.setInterval('showTime()',1000)	//每1000毫秒更新一次当前时间	}function checkTime(num){	//更改时间格式if(num<10){num="0"+num;return num;}else{return num;}}function start(){document.getElementById("display_1").innerHTML="已启动闹钟！";		//提示闹钟已开启if(window.document.framclock.setTimeText.value==time){document.getElementById("display_2").innerHTML="起床！！！";	//闹钟提醒，可以更换成其他的，如音频文件}var t_2=window.setInterval('start()',1000)	//与已调时间进行比对}
</script>当前时间：
设定闹钟：
获取当前时间  启动时钟  停止时钟	使用步骤:
1.点击“获取当前时间”按钮，获取当前时间；
2.在“设定闹钟”栏中，添加需要设置的时间(注意格式)；
3.点击“启动闹钟”按钮，开启闹钟；
4.点击“停止时钟”，关闭闹钟。
使用步骤:
1.点击“获取当前时间”按钮，获取当前时间；
2.在“设定闹钟”栏中，添加需要设置的时间(注意格式)；
3.点击“启动闹钟”按钮，开启闹钟；
4.点击“停止时钟”，关闭闹钟。