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

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

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

Answer 2

您可以使用javascript轻松创建HTML音频元素：

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

在使用.append（）或其他方法在jquery中创建它之后，只需在ms中以您的文件长度添加.delay（2000），然后使用.remove（）再次删除该元素

例如

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

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

问题描述

2 个解决方案

解决方案1
0 2015-01-23 21:39:19

解决方案2
0 2015-01-23 21:53:41

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

问题描述

2 个解决方案

解决方案1 0 2015-01-23 21:39:19

解决方案2 0 2015-01-23 21:53:41

解决方案1
0 2015-01-23 21:39:19

解决方案2
0 2015-01-23 21:53:41