jQuery标题闪烁

jQuery title flashing

本文关键字:闪烁 标题 jQuery      更新时间:2023-09-26

我正在编写一个基本的聊天脚本,只是对下面的代码有一个小小的改进。基本上,我试图使页面标题"flash"类似于facebook的做法。

<script>
    $(function(){
        var title = $("title");
        var flash = setInterval(function(){
            $("#chatbox_2").toggleClass('notify');
            (title.text == 'blah') ? title.text("New message...") : title.text('blah');
        }, 900);
    });
</script>

如果我输入console.log(title.text());,它返回blah

有人能看出我做错了什么吗?

title.text == 'blah'更改为title.text() == 'blah'

在三进制条件中调用.text后缺少括号。

更改文档标题的正确方法是document.title = "New title";

考虑到这一点,合适的JavaScript应该是:
(function() {
    var toggle = false,
        chatbox = document.getElementById('chatbox_2'),
        flash = window.setInterval(function() {
            toggle = !toggle;
            chatbox.className = chatbox.className.replace(/(?:'bnotify'b's?)?/,toggle ? 'notify ' : '');
            document.title = toggle ? "New message..." : "blah";
        },900);
})();