定时弹出提示信息 不刷新页面。

最新推荐文章于 2020-06-18 01:59:30 发布
最新推荐文章于 2020-06-18 01:59:30 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： JS 文章标签： function xmlhttprequest exception fun div types
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/f2164529/article/details/6614082
版权
  


var strHtml,countHtml;
var oPopup;
var secs=5;//第一次提示时间秒  
/*************************/
//定义XMLHttp实例  
var xmlHttp;  
function createXMLHttpRequest()
{  
// var xx = document.getElementById("isNotes");
// xx = xx.value;
// if(xx == "0")
// {
//  return;
// }
    //开始初始化XMLHttpRequest对象  
      if(window.ActiveXObject)
      {  
        //IE浏览器  
          xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");  
      }
      else if(window.XMLHttpRequest)
      {  
        //Mozilla浏览器  
          xmlHttp = new XMLHttpRequest();  
      }  
    if(xmlHttp)
    {  
      //设置请求地址  
      xmlHttp.open("GET","message.aspx?cmd=get",true);  
      xmlHttp.onreadystatechange=setState;//设置回调函数  
      xmlHttp.send(null);  
    }  
}  
//回调函数  
function setState(){  
  if(xmlHttp.readyState == 4){  
  if(xmlHttp.status == 200){  
  parseResults(xmlHttp.responseXML)  
  }  
  }  
}  
/*处理XML*/  
function parseResults(xmlDOM) {  
try
{  
    var root = xmlDOM.documentElement;  
    var info = root.getElementsByTagName('aa');  
    var out = "",out_msg="";  
    var message = null;  
    var current = null;  
    var id="",msgid="";
    var title="";
    var createdate = "",usertype="",olstates=""; 
    var counts = 0;
    counts = info.length; 
    if(counts > 0)
    {
        message = info[0];  
         usertype = message.getElementsByTagName("wy")[0].childNodes[0].nodeValue.replace(' ','');
        if(usertype.indexOf("1") == "0")
        {
          for(var i=0;i<counts;i++)
          {   
                message = info[i];  // οnclick='parent.showInfo("+id+","+0+") '
                id = message.getElementsByTagName("no")[0].childNodes[0].nodeValue;         
                msgid = message.getElementsByTagName("msg")[0].childNodes[0].nodeValue; 
                var usertype1 = message.getElementsByTagName("type")[0].childNodes[0].nodeValue; 
                if(usertype1.indexOf("1") == "0" || usertype1.indexOf("3") == "0")
                {
                out=out+("<p style=\"font-size:12px; color: red; face: Tahoma\" title='新处理\n"
                +"'"+" >您有"  
                +id +" 条需要处理的记录！"
                +"</p > <BR>");
                  out_msg=out_msg+("<p style=\"font-size:12px; color: red; face: Tahoma\" title='新留言\n"
                +"'"+" >您有"  
                +msgid +" 条新留言！"
                +"</p > <BR>"); 
                }else
                {
                  out=out+("<p style=\"font-size:12px; color: red; face: Tahoma\" title='新处理\n"
                +"'"+" >您有"  
                +id +" 条未查看！"
                +"</p > <BR>");
                  out_msg=out_msg+("<p style=\"font-size:12px; color: red; face: Tahoma\" title='新留言\n"
                +"'"+" >您有"  
                +msgid +" 条新留言！"
                +"</p > <BR>");
                }
          }
              if(id > "0" || msgid > "0")
          {
              strHtml =  out;  
              countHtml = "-新信息";// id +"条新信息!";
             // popmsg(out,counts); 
              var msg =new PopBubble(countHtml,strHtml,"",out_msg);
              msg.show();
          } 
      }
    }
  }
  catch(exception)
  {  
     //alert("出错了！"+exception);  
  }  
}  
  
 
  
 function WinOpen(op) {
   mesg=open(op,"DisplayWindow","");//toolbar=yes,,menubar=yes,location=yes,scrollbars=yes resizable=no
 }
/*
 构造函数，来初始化相应的属性
*/
function PopBubble(caption,content,see,out_msg){ 
      
    this.content  = content;     
    this.caption= caption;
    this.seemsg=out_msg;
    this.see= see;      
    this.width= 250;   
    this.height = 200;       
    this.timeout= 150;        
    this.speed    = 15;     
    this.step    = 2;    
    this.right    = screen.width -1; 
    this.bottom = screen.height;   
    this.left = this.right - this.width;  
    this.top= this.bottom - this.height;  
    this.timer    = 0;
    this.pause    = false;
    this.close    = false;
    this.autoHide    = true;
} 
 
/* 
   退宿弹出窗口的方法 
 */ 
PopBubble.prototype.hide = function(){ 
        var offset  = this.height>this.bottom-this.top?this.height:this.bottom-this.top;
        var obj  = this; 
   
        if(this.timer>0){  
            window.clearInterval(obj.timer); 
        } 
 
        var fun = function(){ 
            if(obj.pause==false||obj.close){
                var x  = obj.left;
                var y  = 0;
                var width = obj.width;
                var height = 0;
    
                if(obj.offset>0){
                    height = obj.offset;
                }
                y  = obj.bottom - height;
                if(y>=obj.bottom){
                    window.clearInterval(obj.timer); 
                    obj.Pop.hide(); 
                } else {
                    obj.offset = obj.offset - obj.step; 
                }
                obj.Pop.show(x,y,width,height);   
            }            
        }     
        this.timer = window.setInterval(fun,this.speed)    
} 
  
/*
    实现查看超链接 
  
 */ 
PopBubble.prototype.oncommand = function(types)
{ 
   showInfo(types);
   //showInfo2();
    this.close = true;
    this.hide(); 
} 
 
/* 
     显示窗口中的div并弹出窗口方法
 */ 
 
PopBubble.prototype.show = function(){
   
   oPopup = window.createPopup();   
    this.Pop = oPopup; 
    var w = this.width; 
    var h = this.height; 
 
    var str = "<DIV style='BORDER-RIGHT: #455690 1px solid; BORDER-TOP: #a6b4cf 1px solid; Z-INDEX: 99999; LEFT: 0px; BORDER-LEFT: #a6b4cf 1px solid; WIDTH: " + w + "px; BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: " + h + "px; BACKGROUND-COLOR: #DAED9B'>" 
        str += "<TABLE style='BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid' cellSpacing=0 cellPadding=0 width='100%' bgColor=#EEF7CC border=0>" 
        str += "<TR>" 
        str += "<TD style='FONT-SIZE: 12px;COLOR: #0f2c8c' width=30 height=24></TD>" 
        str += "<TD style='PADDING-LEFT: 4px; FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #1f336b; PADDING-TOP: 4px' vAlign=center width='100%'>" + this.caption + "</TD>" 
        str+=" <td style='PADDING-right: 4px; FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #1f336b; PADDING-TOP: 4px' vAlign=right ><a href=\"#\" οnclick=\"parent.pophide();\" style=\"font-size:12px; width:30px; color: red; face: Tahoma\">关闭</a></td>"
        str += "</TR>" 
        str += "<TR>" 
        str += "<TD style='PADDING-RIGHT: 1px;PADDING-BOTTOM: 1px' colSpan=3 height=" + (h-28) + ">" 
        str += "<DIV style='BORDER-RIGHT: #b9c9ef 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #7AA14E 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 12px; PADDING-BOTTOM: 8px; BORDER-LEFT: #7AA14E 1px solid; WIDTH: 100%; COLOR: #1f336b; PADDING-TOP: 8px; BORDER-BOTTOM: #b9c9ef 1px solid; HEIGHT: 100%'>"
        + this.see + "<BR><BR>"         
        str += "<DIV style='WORD-BREAK: break-all;height:20px;' align=left><A href='#' height='20px'  hidefocus=true id='btCommand'><FONT color=#ff0000>" + this.content + "</FONT></A>"
        str += "</DIV>"      
        str += "<DIV style='WORD-BREAK: break-all;height:20px;' align=left><A href='#'  height='20px' hidefocus=true id='btCommand_msg'><FONT color=#ff0000>" + this.seemsg + "</FONT></A>"
        str += "</DIV> "
//        str += "</DIV>" 
        str += "</TD>" 
        str += "</TR>" 
        
        str += "</TABLE>" 
        str += "</DIV>" 
    oPopup.document.body.innerHTML = str;    
   
 
    this.offset  = 0;
    var obj  = this; 
    oPopup.document.body.onmouseover = function(){obj.pause=true;}
    oPopup.document.body.onmouseout = function(){obj.pause=false;}

    var fun = function(){   
        var x  = obj.left;
        var y  = 0;  
        var width    = obj.width;   
        var height    = obj.height;  
   
            if(obj.offset>obj.height){     
                height = obj.height;
            } else {   
                height = obj.offset;  
            }    
        y  = obj.bottom - obj.offset;
        if(y<=obj.top){
             obj.timeout--;
             if(obj.timeout==0){
                window.clearInterval(obj.timer); 
                if(obj.autoHide){
                    obj.hide();
                }
            }
        }
  else {
            obj.offset = obj.offset + obj.step;
        }
        obj.Pop.show(x,y,width,height);   
 
    } 
    this.timer = window.setInterval(fun,this.speed)     
    var btCommand = oPopup.document.getElementById("btCommand"); 
    btCommand.onclick = function(){ 
        obj.oncommand('olno'); 
    }   
    var btCommand_msg = oPopup.document.getElementById("btCommand_msg"); 
    btCommand_msg.onclick = function(){ 
        obj.oncommand('msg'); 
    }   
}  
 
PopBubble.prototype.rect = function(left,right,top,bottom){
    try {
        this.left= this.right-this.width;
        this.right=this.left +this.width;
        this.bottom  = screen.height;
        this.top = this.bottom - this.height;
    } catch(e){}
}
//createXMLHttpRequest();
 
  function checkServer(secs)
  {  
    for(i=1;i<=secs;i++)
    {  
      window.setTimeout("update(" + i + ")", i * 1000);  
    }  
  }  
 
  function update(num)
   {  
    if(num == secs)
     {  
      createXMLHttpRequest();  
      secs=1*120;//提示时间秒  
      for(i=1;i<=secs;i++)
      {  
        window.setTimeout("update(" + i + ")", i * 1000);  
      }  
    }  
    else
    {  
      printnr = secs-num;  
    }  
  }  
   function pophide()
   {  
    oPopup.hide();  
   } 

MLGB_HOHO
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html界面定时器的应用
03-24
NULL 博文链接：https://hanjava.iteye.com/blog/1113696
ASP.net 基于Ajax 站内短信即时查询的思路
weixin_30455661的博客
08-01 69
站内短信收发方面没有什么可说的，关键是在用Ajax做即时查询的时候碰到了些问题，昨晚终于解决了！同时测试通过！ 在数据库设计上面，基本上要设计三个表， 1.短信发送 2.短信收取 3.状态表 整个数据设计的查询是基于LINQ~！ 1.短信实时读取更新： 表述层上面，发送的方面基本没有难点~！收取方面要做到客户点击后就代表读取过短信，必须要在短信收取表上加载字段“是否读取”值，为boo...
定时提醒小例子
04-27
我自己刚学，由于兴趣，就写了这么个小程序，功能很简单，就是过50min提醒一次，意味着该休息休息了
无刷新页面的消息提示功能
永不停歇
10-22 7590
自己写的一个无刷新，消息提示功能 html页面 消息提示 //var i=0; function messagetishi($i) { var xhr;     //定义一个ajax的对象   var text="localhost";  //表 单中国的的值，要通过url参数进行一步传送   var url="chuli.php?loc="+"loc
JavaScript网页特效范例宝典源码
09-04
实例009 关闭IE主窗口时，不弹出询问对话框 13 1.2 弹出网页对话框 14 实例010 弹出网页模式对话框 14 实例011 弹出全屏显示的网页模式对话框 16 实例012 网页拾色器 18 实例013 日期选择器 21 1.3 窗口的动画效果 ...
layuiminiDoc:layuimini框架文档
05-01
失效以及报错菜单无法直接打开，并给出弹出层提示完美的线上用户体验。url地址hash定位，可以清楚看到当前tab的地址信息。刷新页面会保留当前的窗口，并且会定位当前窗口对应左侧菜单栏。支持font-awesome图标选择...
程序天下:JavaScript实例自学手册
07-08
12.7 定时弹出窗口 12.8 调整窗口的大小 12.9 打开的窗口居中 12.10 打开窗口的等待提示 12.11 在打开的窗口中返回数据 12.12 创建弹出窗口 12.13 不允许窗口出现滚动条 12.14 页面打开的同时打开另外两个窗口 12.15...
《程序天下：JavaScript实例自学手册》光盘源码
02-08
12.7 定时弹出窗口 12.8 调整窗口的大小 12.9 打开的窗口居中 12.10 打开窗口的等待提示 12.11 在打开的窗口中返回数据 12.12 创建弹出窗口 12.13 不允许窗口出现滚动条 12.14 页面打开的同时打开另外两个窗口 12.15...
定时生成html文件，非常简单
08-26
定时生成html文件，非常简单，大家可以参考下。
前端如何实现：在不刷新页面的情况下实时看到自己的评论
热门推荐
寒泉
04-22 7万+
需求描述 1、类似CSDN论坛 右上角的消息通知 如果有新消息 整个页面不刷新 右上角的消息数字即时+1 2、类似于论坛评论区 ，发布评论之后，不刷新页面就可以立刻看到自己的评论 新浪微博的评论区实现方式 观察了一下新浪微博的评论区实现，从下面的图可以看出，因为时间固定显示为10秒前，因此可以推断： 点击“评论”之后，评论框的 div 只是在本地 append 的，而不是去刷新整个评论区（除非...
[html+js]实现首次进入界面显示欢迎语定时隐藏标签
黑猫的博客
06-18 2304
JS代码 //开启界面时调用 window.onload = function () { /*alert("功能仅实现首页，登录注册");*/ if (window.name == "") { /* alert("首次进入");*/ window.setTimeout("init();", 2000); window.name = "isReload"; // 在首次进入页面时我们可以给window.name设置一个固定值 } else if (window.name.
C# ASP.NET中无刷新页面 弹出对话框,并且页面跳转
无心人的终点
07-05 2466
C# ASP.NET中无刷新页面弹出对话框,并且页面跳转   ScriptManager.RegisterStartupScript(this, this.GetType(), "错误！", "alert('初始等级要小于要练的等级！');window.location='ItemsPage.aspx'", true); .NET客户端的数据验证实例 asp.net代码块 　 
不刷新，导出文件，并自动弹出保存对话框
F2164529的专栏
07-18 2042
var oHttpReq = new ActiveXObject("MSXML2.XMLHTTP");//导出function Export(){   var o = document.getElementById("ExportFlag"); //页面上的导出标识，在此无实际意
不刷新页面的 可输可选下拉框
F2164529的专栏
07-18 816
aspx:                         onmousedown="Show1(this,'hidden1','selectWYuse','txtHouseUse1');"                          onkeyup="Select1(th
定时刷新页面vue
最新发布
05-28
在Vue中，可以使用定时器（`setInterval`）来实现定时刷新页面。具体操作如下： 1. 在Vue组件的 `created` 生命周期钩子中，使用 `setInterval` 方法来定时执行刷新操作： ``` created() { setInterval(() => { ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值