我需要jQuery在用户收到新消息时播放通知声音。这是我的代码和未读消息和声音的计数。问题是,当用户收到一条新消息时,它会每隔.1秒播放一次声音,直到用户阅读为止。我需要它只播放一次,当用户收到另一条消息时再次播放。
function pullNewMessageCount() {
var url = 'messenger/bubble.php';
$.ajax({
url: url,
dataType: 'html',
type: 'POST',
success: function(latestCount) {
setTimeout('pullNewMessageCount()', 200);
$('#bub').html(latestCount);
if (latestCount > 0)
{
$('#bub').removeClass('hidden').addClass('bubble').addClass('animating');
playSound('message');
} else if ((latestCount = $('#bub').html()) && (latestCount > 0)) {
$('#bub').removeClass('animating');
} else if ((latestCount = '0') || (!latestCount)) {
$('#bub').removeClass('bubble').addClass('hidden');
} else {
$('#bub').removeClass('bubble').addClass('hidden');
}
},
error: function(jqXHR, textStatus, errorThrown) {
}
});
}发布于 2014-09-04 22:44:05
您需要存储latestCount值,并且仅在latestCount小于当前计数时播放声音,而不是始终在>0时播放声音。
当有新消息可用时,latestCount将再次低于当前计数,导致声音再次播放。
https://stackoverflow.com/questions/25668217
复制相似问题