实施通知系统

时间:2017-04-08 10:57:22

标签: jquery notifications

我有一个元素.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();
});

我需要帮助“刷新和声音” - 部分。

以防万一,通过函数有一个更简单的方法,ultimatemember_message_count()是函数,它给出了输出(数字)。

1 个答案:

答案 0 :(得分: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();
}
});