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

使用JavaScript设置闹钟相关推荐

jquery实现app开发闹钟功能_jquery+html5时钟特效代码共享（可设置闹钟并且语音提醒）...
本文实例讲述了Jquery+html5可设置闹钟并且会语音提醒的时钟特效.共享给大家供大家参考.详细如下: 这是一个使用Jquery+html5实现可设置闹钟并且会语音提醒的时钟特效代码,超逼真的模拟 ...
御用导航官方网站提醒提示页_电脑上使用便签记录工作计划如何设置闹钟定时提醒？...
平常工作日程事务比较多时,就很容易忘掉一些工作,这个时候很多工作族会选择经常使用的电脑工具来记录每日的工作计划,电脑如何设置闹钟定时提醒工作计划呢? 电脑便签可以用来记录工作计划闹钟定时提醒的软件,建 ...
Android中使用AlarmManager设置闹钟
场景设置闹钟闹钟提醒注: 博客: https://blog.csdn.net/badao_liumang_qizhi 关注公众号霸道的程序猿获取编程相关电子书.教程推送与免费下载. 实现新 ...
php 连续点击事件,javascript设置连续两次点击按钮时间间隔的方法_javascript技巧...
本文实例讲述了javascript设置连续两次点击按钮时间间隔的方法,分享给大家供大家参考.具体实现方法如下: 很多时候我们在实际应用中,可能并不希望按钮联系被不间断的点击,所以要限定一定的时间间隔才 ...
javascript读取php,PHP如何读取由JavaScript设置的Cookie
cookie在开发中使用的非常多,但如果是使用JavaScript设置cookie然后使用PHP读取出来如何实现呢?即PHP与JavaScript下Cookie的交互使用是否可行呢? // 读取Jav ...
html设置闹钟提醒,设置闹钟标签.html
设置闹钟标签 $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif' ...
C# WPF时钟表盘及设置闹钟
不足之处请大佬修改表盘设计界面 <Window x:Class="动画表.MainWindow"xmlns="http://schemas.microsoft.c ...
便签提醒事项怎么设置闹钟
敬业签是职场上常用的闹钟便签软件,由于敬业签是多端同步的云便签,支持用户在Windows.web.Android.iPhone.iPad.Mac上使用,一端操作多端自动同步.除了云同步功能之外,敬业签 ...
android 接收闹钟广播,android 设置闹钟及通知示例
简单说一下这次demo内容,首先做一个设置一次性闹钟,先得到alarmManager,打开一个时间对话框,在里面设置闹钟的时间,时间一到发送广播,然后广播接受者接到跳转到新的activity播放音乐. ...

使用JavaScript设置闹钟

使用JavaScript设置闹钟相关推荐

最新文章

热门文章