JS定时器小应用--设置闹铃

代码呈上

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head><body><script type="text/javascript">var date = new Date();date.setDate(15);   //日设置date.setMonth(1);date.setFullYear(2019);date.setHours(11);date.setMinutes(11);date.setSeconds(2);setInterval(function(){if((new Date().getTime() - date.getTime() > 0)&&(new Date().getTime() - date.getTime() <30000))//当到达设定时间  响铃半分钟{console.log('lalala');//动态设置audio结点var audio = document.createElement("audio");audio.src = "../../music/坦克大战.mp3";audio.play();}},5000);</script></body>
</html>

运行时可能会有bug，如果是chrome浏览器，可能有这样的报错：

Uncaught（in promise）DOMException：play（）

处理方法

Open chrome://flags/#autoplay-policy
Setting No user gesture is required
Relaunch Chrome

JS定时器小应用--设置闹铃相关推荐

js调用android的闹铃,JS定时器小应用--设置闹铃
代码呈上 var date = new Date(); date.setDate(15); //日设置 date.setMonth(1); date.setFullYear(2019); date.s ...
单片机c语言怎样设置闹钟,51单片机c语言电子钟(已加入调时、闹铃、整点报时功能).doc...
#include#define uchar unsigned char #define uint unsigned int /*七段共阴管显示定义*/ //此表为 LED 的字模, 共阴数码管 0-9 ...
时钟加闹钟c语言程序,51单片机c语言电子钟(已加入调时、闹铃、整点报时功能)...
<51单片机c语言电子钟(已加入调时.闹铃.整点报时功能)>由会员分享,可在线阅读,更多相关<51单片机c语言电子钟(已加入调时.闹铃.整点报时功能)(13页珍藏版)>请在技术 ...
没法不起床：Android用户必备的闹铃利器
起!床!啦!!!清晨除非有那么一个人能把我从睡梦中彻底摇醒,否则当闹铃响的时候,像我这样赖床的瞌睡虫只会伸手把闹铃设置成"五分钟后叫醒",就这样一直过了两小时或更久,才意识到自己根 ...
java实现倒计时闹钟_js带闹铃功能的倒计时代码
Js倒计时代码,带闹铃功能,自定义闹钟倒计时功能,点击开始按钮,即可开始倒数,代码不是太复杂,新手应该能看懂,代码分享给大家. 效果图: 源码: Js倒计时,闹铃功能 function $(id){ ...
EAUML日拱一卒-微信小程序实战：位置闹铃 (8)-WXML条件渲染
需求按照位置闹铃程序的设计,当设备接近或者离开某个区域时,可以播放提示音,也可触发记时器动作.按照设计,我们的画面是这样的. 提示音选择画面计时器选择画面实现方式一般来讲,根据动作动作类型选择 ...
android 系统级闹铃,Android 设置系统闹铃和日历
释放双眼,带上耳机,听听看~! 一.创建定时器设置权限案例 https://developer.android.com/reference/android/provider/AlarmClock. ...
居家学习python自制闹铃小助手
闹铃小助手为了建立学习的仪式感,我自己写了一套程序,尽可能让自己避免外界因素的干扰,以达到专注的目的.现在我把代码写到博客上,与大家一起分享一下. 注意:windows下使用playsound需要修 ...
EAUML日拱一卒-微信小程序实战：位置闹铃 (5)-显示所在位置的信息
假设我们指定了多个监控点,接下来的需求就是给每个监控点取名字.如果是手动输入的话,会比较麻烦.所以位置闹铃再向前走一步,从地图上取得监控点所在位置的信息作为监控点的名称. 画面说明当我们选定监控点以 ...

JS定时器小应用--设置闹铃

JS定时器小应用--设置闹铃相关推荐

最新文章

热门文章