Question

当用户收到新消息时，我需要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) {
                        }
                    });
                }

Answer 1

您需要存储latestCount值，并且仅在latestCount低于当前计数时播放声音，而不是始终在＆gt;时播放。 0

当新消息可用时，latestCount将再次低于当前计数，导致声音再次播放。

Jquery只播放一次声音

1 个答案: