Jquery 只播放一次声音

Question

当用户收到新消息时，我需要 jQuery 播放通知声音。这是我的代码，其中包含未读消息和声音的计数。问题是当用户收到一条新消息时，它每 0.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 小于当前计数时播放声音，而不是总是在 > 0 时播放。

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