定时刷新 JS

2019独角兽企业重金招聘Python工程师标准>>>

windows服务定时检查，或TIMER定时器

js定期刷新检测是否有新消息，有的话刷新页面添加提醒 。
<script language="Javascript">
function myrefresh()
{
   window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次（1401）
</script>

Html  Dom setInterval() 方法：setInterval(code,millisec[,"lang"])

<script type="text/javascript">
            var curIndex = 0, //当前index
            imgLen = $(".imgList li").length; //图片总数
            // 定时器自动变换2.5秒每次
            var autoChange = setInterval(function(){ 
              if(curIndex < imgLen-1){ 
                curIndex ++; 
              }else{ 
                curIndex = 0;
              }
              //调用变换处理函数
              changeTo(curIndex); 
            },2500);
            
            //左箭头滑入滑出事件处理
            $("#prev").hover(function(){ 
              //滑入清除定时器
              clearInterval(autoChange);
            },function(){ 
              //滑出则重置定时器
              autoChangeAgain();
            });
            //左箭头点击处理
            $("#prev").click(function(){ 
              //根据curIndex进行上一个图片处理
              curIndex = (curIndex > 0) ? (--curIndex) : (imgLen - 1);
              changeTo(curIndex);
            });
            //右箭头滑入滑出事件处理
             $("#next").hover(function(){ 
               //滑入清除定时器
               clearInterval(autoChange);
             },function(){ 
               //滑出则重置定时器
               autoChangeAgain();
             });
             //右箭头点击处理
             $("#next").click(function(){ 
               curIndex = (curIndex < imgLen - 1) ? (++curIndex) : 0;
               changeTo(curIndex);
             });
            //清除定时器时候的重置定时器--封装
              function autoChangeAgain(){ 
                  autoChange = setInterval(function(){ 
                  if(curIndex < imgLen-1){ 
                    curIndex ++;
                  }else{ 
                    curIndex = 0;
                  }
                //调用变换处理函数
                  changeTo(curIndex); 
                },2500);
                }
              function changeTo(num){ 
                    var goLeft = num * 500;
                    $(".imgList").animate({left: "-" + goLeft + "px"},500);
                    $(".infoList").find("li").removeClass("infoOn").eq(num).addClass("infoOn");
                    $(".indexList").find("li").removeClass("indexOn").eq(num).addClass("indexOn");
                  }
            //对右下角按钮index进行事件绑定处理等
              $(".indexList").find("li").each(function(item){ 
                $(this).hover(function(){ 
                  clearInterval(autoChange);
                  changeTo(item);
                  curIndex = item;
                },function(){ 
                  autoChangeAgain();
                });
              });
</script>

转载于:https://my.oschina.net/u/3442347/blog/1139412