html闹钟设置,闹钟的设置.html



闹钟的设置

$axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };

$axure.utils.getOtherPath = function() { return 'resources/Other.html'; };

$axure.utils.getReloadPath = function() { return 'resources/reload.html'; };

第二步:进入闹钟设置页面

u159.png

编辑闹钟

u382.png

u629.png

u263.svg

u263.svg

上午

下午

6

40

5

39

4

38

7

41

8

42

重复

周一到周五

<

唤醒的方式

拍照

<

响铃时长

5分钟

<

响铃间隔

10分钟,3次

<

铃声

野狼dico

<

删除闹钟

u91.png

u159.png

快速闹钟

u382.png

当前时间

13:52

完成

u1146.png

+1分钟

+5分钟

+10分钟

+15分钟

+20分钟

自定义

+0 分钟

u1159.svg

u1160.png

u1159.svg

u1163.png

u1159.svg

u1166.png

事件闹钟

u263.svg

下午 14:00

重复,每天

查看邮件

u287.svg

u288.png

u159.png

u263.svg

清晨 7:00

喝水时间

重复,每天

u299.png

u263.svg

清晨 8:40

按时吃药

重复,共三个时间段,每天

u263.svg

晚上 23:50

提醒,三天后提醒

生日提醒

u263.svg

晚上 21:00

重复,每天

记账提醒

u254.png

天气

u307.png

工具

我的

闹钟

u300.png

u257.png

u299.png

u299.png

u299.png

u299.png

普通闹钟

快速闹钟

事件闹钟

闹钟--设定:

1、闹钟的设定有三种选择:

①、普通闹钟:和一般的闹钟功能呢一样。当闹钟设置时间与当前时间相差很大.

②、快速闹钟:主要是用于设置和当前时间相差不远的时间设置,操作方便。简单明了!

③、事件闹钟:事件闹钟主要是用于提醒用户一些比较重要的、有规律性且容易遗忘的事情。比如:生日提醒、回复信息、吃药等!

问题:闹钟 设置时间与当前时间相差很小情况,是否提醒用户?

回答:不用。因为在原型设计的时候就已经考虑这个问题,并快速闹钟这种模式。

u5.png

一键复制

编辑

Web IDE

原始数据

按行查看

历史

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是一个基本的 HTML 和 JavaScript 实现的闹钟: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>闹钟</title> </head> <body> <h1>闹钟</h1> <label for="time">设置时间:</label> <input type="text" id="time" placeholder="HH:MM:SS"> <button onclick="setAlarm()">设置</button> <br><br> <label for="message">提示消息:</label> <input type="text" id="message"> <br><br> <button onclick="clearAlarm()">取消</button> <script> var alarmTimeout; function setAlarm() { var timeInput = document.getElementById('time'); var messageInput = document.getElementById('message'); var time = timeInput.value; var message = messageInput.value; if (time == "") { alert("请输入时间!"); return; } var currentTime = new Date(); var hours = parseInt(time.split(":")[0]); var minutes = parseInt(time.split(":")[1]); var seconds = parseInt(time.split(":")[2]); var alarmTime = new Date(); alarmTime.setHours(hours); alarmTime.setMinutes(minutes); alarmTime.setSeconds(seconds); if (alarmTime < currentTime) { alarmTime.setDate(alarmTime.getDate() + 1); } var timeRemaining = alarmTime.getTime() - currentTime.getTime(); alarmTimeout = setTimeout(function() { alert(message); }, timeRemaining); } function clearAlarm() { clearTimeout(alarmTimeout); } </script> </body> </html> ``` 这个闹钟页面由一个文本输入框和一个按钮组成,用来设置闹钟时间和提示消息。当用户点击“设置”按钮时,JavaScript 代码会解析输入的时间,计算出距离当前时间的时间差,然后使用 `setTimeout()` 函数来在指定的时间后弹出提示消息。用户也可以点击“取消”按钮来清除闹钟

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值