Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript中的闪烁/闪烁选项卡效果_Javascript_Jquery_Chat - Fatal编程技术网

Javascript中的闪烁/闪烁选项卡效果

Javascript中的闪烁/闪烁选项卡效果,javascript,jquery,chat,Javascript,Jquery,Chat,我正在用Javascript/PHP创建一个简单的聊天。例如,当Facebook上出现新消息时,我想使用flash/blink选项卡。我如何才能做到这一点?以下是示例代码: (function () { var original = document.title; var timeout; window.coders = function (newMsg, howManyTimes) { function step() { document.title = (docu

我正在用Javascript/PHP创建一个简单的聊天。例如,当Facebook上出现新消息时,我想使用flash/blink选项卡。我如何才能做到这一点?

以下是示例代码:

(function () {

var original = document.title;
var timeout;

window.coders = function (newMsg, howManyTimes) {
    function step() {
        document.title = (document.title == original) ? newMsg : original;

        if (--howManyTimes > 0) {
            timeout = setTimeout(step, 1000);
        };
    };

    howManyTimes = parseInt(howManyTimes);

    if (isNaN(howManyTimes)) {
        howManyTimes = 5;
    };

    cancelcoders(timeout);
    step();
};

window.cancelcoders = function () {
    clearTimeout(timeout);
    document.title = original;
};

}());
您可以使用以下代码:

coders("New Message from Bhavin Solanki");
。。。或者

coders("New Message from Bhavin Solanki", 20); // toggles it 20 times.

您最好使用css制作动画,并使用javascript启动和停止动画。你被否决了,因为你没有表现出你的解决方案

(函数(){
var message=document.querySelector('.message'),
按钮=document.querySelector(“#按钮”);
按钮。addEventListener('click',blink,false);
//这是切换类的地方
功能闪烁(e){
message.classList.toggle('blink');
}
})();
@关键帧闪烁{
从{
背景色:红色;
颜色:白色;
}
到{
背景色:白色;
颜色:红色;
}
}
.留言{
文本对齐:居中;
}
/*在.message上运行动画,当它还有class.blink时*/
.message.blink{
动画:闪烁1s线性无限交替;
}
您收到了一条消息

闪烁
浏览器选项卡?试着这样做:也许你是对的,但我没有任何想法。现在,我知道了。非常感谢,但是为什么我的问题有三个缺点呢?我不知道。。。可能是一些评论者出于某种原因放弃了投票。如果我的答案对你有用,你可以放弃投票并接受它,因为它需要15%的声誉。我是新来的。