实施通知系统

Question

我有一个元素.msg_counter。它是隐藏的，如果它里面的文字是0.

整件事应该是传入消息的通知，它显示了未读消息的数量，所以周期性地我想检查更改以及如果元素被更改并且不是0，将其显示在页面上并播放声音。

这一点，我已经这么远：

jQuery('.msg_counter').each(function(i,el) 
{ 
    var msg_counter = jQuery(el); 
    if(msg_counter.text() == "0") 
     jQuery(this).hide(); 
    else 
     jQuery(this).show(); 
}); 

我需要用“刷新和声音” -part帮助。

为了以防万一，通过函数有更简单的方法，ultimatemember_message_count()是给出输出（数字）的函数。

Answer 1

使用这样的播放声音的节目

jQuery('.msg_counter').each(function(i,el) 
{ 
    var msg_counter = jQuery(el); 
    if(msg_counter.text() == "0"){ 
     jQuery(this).hide(); 
     var audioElement = document.createElement('audio'); 
     audioElement.setAttribute('src', 'http://www.soundjay.com/path_to_mpe_file.mp3'); 
     audioElement.play(); 
     }); 
    }else{ 
     jQuery(this).show(); 
} 
});