页面标题(title)闪动

我们看到很多网站的顶部,有的需要标题一直闪动,有的是左右滚动,下面的代码则实现闪动问题。

可以解决定时扫描,报警之类的功能,比较简单

<script type="text/javascript" language="javascript">
    $(function () {
        CheckNews();
    });
    //定义计时器
    var mytimer;
    function CheckNews() {
        $.ajax({
            type: "get",
            //设置数据的一般处理程序的路径
            url: "warning/GetWarning.aspx",
            data: { op: "warn" },
            success: function (msg) {
                //如果返回的结果不等于“0”则表示已满足触发报警条件
                if (msg != "0") {
                    //闪动效果
                    flash_title();
                    //清空计时器,减轻服务器的压力
                    window.clearInterval(mytimer);
                }
            }
        });
    }

    //每隔20秒调用一次ajax方法,检查是否有满足报警条件的信息
    mytimer = setInterval("CheckNews()", 20000);

    //提示闪动
    var step = 0;
    function flash_title() {
        step++
        if (step == 3) { step = 1 }
        if (step == 1) { document.title = "[请尽快处理]有新的任务"; }
        if (step == 2) { document.title = "            有新的任务"; }
        setTimeout("flash_title()", 1000);
    }
</script>
这样我们就能在完成触发条件之后让页面标题一直闪动了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值