本内容是在laravel-admin HomeController.php
内书写的
html部分
<h3><span class='label' id="onejs">$data[0]
<audio id="sound" autoplay="autoplay"></audio>
</span></h3>
JS部分
<script >
var onejs = document.getElementById('onejs');
var sound = document.getElementById("sound");
setInterval(function () {
// '/' 后面跟请求路径, data 为请求参数
$.get("/",function(data){
if ((data > 0) && (onejs.innerHTML < data)){
sound.src="/tip.mp3";
}
onejs.innerHTML = data;
});
},5000);
</script>
自动播放音频
必须要有页面的交互动作, 对于谷歌浏览器来说
html部分
<span class='label' id="onejs">$data[0]
<audio id="sound" muted autoplay src="/tip.mp3"></audio>
</span>
js部分
var onejs = document.getElementById('onejs');
var sound = document.getElementById("sound");
setInterval(function () {
$.get("/help",function(data){
if ((data > 0) && (onejs.innerHTML < data)){
sound.muted=false
sound.play()
}
onejs.innerHTML = data;
});
},5000);