html5+thymeleaf+js (定时器+audio标签)实现定时弹框效果并播放声音
最讨厌搞前端却又想转前端的卑微后端。需求:判断十秒内数据库中是否产生了新的数据,如果产生了新的数据,那么我需要将数据展示到弹框上。前端定时器每10s执行一次,获取到数据弹框就展示出来同时播报声音。弹框持续5s后自动关闭。根据需求可以判断我们需要用到定时器还有audio标签。注意thymeleaf的写法,一开始引用声音始终不对,多亏了下面这位大大的博客https://www.136.la/tech/show-1452595.html引入一个mp3文件到static/audio文件夹下..
原创
2021-11-25 16:31:58 ·
1195 阅读 ·
0 评论