类似于开心网消息提醒功能

最新推荐文章于 2021-05-15 17:17:36 发布

jxufewbt

最新推荐文章于 2021-05-15 17:17:36 发布

阅读量1.4k

点赞数

分类专栏： HTML JavaScript 文章标签： function button html input null 任务

本文链接：https://blog.csdn.net/jxufewbt/article/details/5227854

版权

JavaScript 同时被 2 个专栏收录

134 篇文章 0 订阅

订阅专栏

HTML

39 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>测试页面</TITLE>
<script type="text/javascript">
    var dynamicMsg = null;
    function init() {
        dynamicMsg = new DynamicMessage(window.document.title, "【ＨＩ，消息】", "【　　　　　】");
    }

    function begin() {
        dynamicMsg.initIntervalMsg();
    }

    function end() {
        dynamicMsg.clearIntervalMsg();
    }
    /**
      * 处理新消息提示的操作
      */
      function DynamicMessage(defaultMsg, msg, hiddenMsg) {
        this.initIntervalMsg = function() {
            this.intervalMsg = setInterval(function() {
                    if(!this.bMsg) {
                        window.document.title = msg + " - " + defaultMsg;
                        this.bMsg = true;
                    } else {
                        window.document.title = hiddenMsg + " - " + defaultMsg;
                        this.bMsg = false;
                    }
                },
                1000
              );
          };

          this.clearIntervalMsg = function() {
            if(this.intervalMsg != null) {
                clearInterval(this.intervalMsg);
                window.document.title = defaultMsg;
                this.bMsg = false;
            }
          };
      }
</script>
</HEAD>
<BODY οnlοad="init();">
    <center>
        <input type="button" value="begin" οnclick="begin();"/>
        <input type="button" value="end" οnclick="end();"/>
        <br/>
        coloryeah - 为意识增添色彩!
    </center>
</BODY>
</HTML>

开心网上的代码和这不大一样，这是用js类的思想做的，开心网上的只有2个函数吧。想了好久也没实现来消息的时候，不是活动页面的情况下，在任务栏闪烁，类似QQ那种，js估计是控制不了，得用activeX吧。对this理解不深的可以看看前面介绍this用法的文章。

jxufewbt

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
类似于开心网消息提醒功能

测试页面 var dynamicMsg = null; function init() { dynamicMsg = new DynamicMessage(window.document.title, "【ＨＩ，消息】", "【　　　　　】"); } function begin() { dynamicMsg.init
复制链接

扫一扫

专栏目录