JQuery如何知道收到新邮件的时间？

Question

我在消息页面中使用了以下javascript，是否可以在收到新消息时播放声音？请注意，我不想为每个请求播放声音，但仅限于在页面中添加新消息时。

function homeAjax() {
  $.ajax({
    url : 'subHome',
    success : function(data) {
      $('#result').html(data);
    }
  });      
}

var intervalId = 0;
intervalId = setInterval(homeAjax, 3000);

我的MVC控制器（subHome）使用ModelAndView返回所有消息。

Answer 1

maybe it will help.

<script type="text/javascript">
  var datLength = 0;
  function homeAjax() {
    $.ajax({
        url : '/data',
        contentType : "application/json",
        dataType : 'json',
        success : function(data) {

           if(data.length > datLength){
               console.log(data.length);
               datLength = data.length;
               /*jquery audio play*/
           }else{
               console.log("no play");
           }
        }
    });

    } 
 </script>

Show Console

Answer 2

使用<audio>标记：

<audio id="myAudio" src="path/to/sound.mp3">

然后，无论何时需要播放剪辑，请使用：

<script>
document.getElementById("myAudio").play();
</script>