使用JavaScript设置闹钟

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

demo_cz

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

阅读量3.3k

点赞数

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/re_raise/article/details/77547506

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

6 篇文章

订阅专栏

本文介绍了一个简单的闹钟程序实现，并针对初始版本存在的CPU和内存占用过高的问题进行了优化。通过改进定时器的使用方式，解决了资源占用问题，并提供了一个更高效稳定的闹钟设置方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

1.实时更新时间并显示

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

设定闹钟


    	当前时间：
    	

     	设定闹钟：
        

        
          
          
        
        
        	
        
        
    
    
    	使用步骤:
        1.点击“获取当前时间”按钮，获取当前时间；
        2.在“设定闹钟”栏中，添加需要设置的时间(注意格式)；
        3.点击“启动闹钟”按钮，开启闹钟；
        4.点击“停止时钟”，关闭闹钟。







界面如图：

问题：

    1.点击“启动闹钟后”，cpu占用率，内存使用率，蹭蹭的向上涨！！！！估计是两个计时器的原因

    2.设置闹钟时间需要手动添加，下一步设置选择框可供用户选择

    3.功能简陋



问题解决
之所以出现了cpu，内存占用过高，是因为出现两处内部调用。。。。
下面是最新代码

设定闹钟


    	当前时间：
    	

     	设定闹钟：
        

          
          
        
        
        	
        
        
    
    
    	使用步骤:
        1.点击“获取当前时间”按钮，获取当前时间；
        2.在“设定闹钟”栏中，添加需要设置的时间(注意格式)；
        3.点击“启动闹钟”按钮，开启闹钟；
        4.点击“停止时钟”，关闭闹钟。