使用JavaScript设置闹钟

最新推荐文章于 2023-10-25 21:41:13 发布

demo_cz

最新推荐文章于 2023-10-25 21:41:13 发布

阅读量3.1k

点赞数

分类专栏： HTML+CSS+JavaScript 文章标签： html javascript

本文链接：https://blog.csdn.net/re_raise/article/details/77547506

版权

HTML+CSS+JavaScript 专栏收录该内容

6 篇文章 1 订阅

订阅专栏

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

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

1.实时更新时间并显示

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




    
    
设定闹钟


<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.点击“停止时钟”，关闭闹钟。