Question

当我更新服务器上的文件时，html页面会自动更改html页面（每隔9秒检查一次更改）。

如何触发铃声文件以提醒用户更改html页面？

这是html：

<html><head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
 $(document).ready(function() {
      $("#responsecontainer").load("data.txt");
      var refreshId = setInterval(function() {
      $("#responsecontainer").load('data.txt?randval='+ Math.random());
}, 9000);
$.ajaxSetup({ cache: false });
});
</script> 
</head>

<body bgcolor=#befcb4>
<div id="responsecontainer"></div>
</body></html>

Answer 1

如果问题是触发实际声音，您可以找到here。至于确定页面中是否有新元素，我只是将它与旧元素进行比较。

Answer 2

您可以使用javascript：

轻松创建HTML音频元素

<audio autoplay><source src="youraudiofile.mp3" type="audio/mp3"></audio>

使用.append（）在jquery中创建它之后，或者只是在ms中添加.delay（2000）和你的文件长度，然后使用.remove（）

再次删除该元素

e.g。

var audioElement = $('<audio autoplay id="music"><source src="youraudiofile.mp3" type="audio/mp3"></audio>');
$("body").append(audioElement).delay(1000).remove("#music");

页面更改时提醒用户有声音

2 个答案: