博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
定时刷新 JS
阅读量:6861 次
发布时间:2019-06-26

本文共 1738 字,大约阅读时间需要 5 分钟。

hot3.png

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

你可能感兴趣的文章
云趋势下的Windows平台:生存并快乐着
查看>>
不要再在JavaScript中写 CSS了
查看>>
Gartner:云安全进入高速发展期
查看>>
云存储能否成为数据安全灵药?几个角度全方位剖析
查看>>
未来几年SDN将进一步提升云服务利润率
查看>>
手把手教你用 Python 和 Scikit-Learn 实现垃圾邮件过滤
查看>>
Hinton亲自讲解迄今未发表工作:胶囊理论的核心概念到底是什么?
查看>>
公开课总结发布《云数据库实现原理和海量运维方法》
查看>>
预告:如何完成从学术科研到产业创新的华丽转身?| 硬创公开课
查看>>
《C++语言入门经典》一2.3 数据的输入与输出
查看>>
阿里云ECS通过docker配置MySQL--MGR
查看>>
光伏业需要一次国内“双反”
查看>>
小微企业都在用的一体化管理解决方案
查看>>
Sql Server 2008 为开发带来的新特性
查看>>
Realm为Node.js发布对象数据库
查看>>
农民别再愁!人工智能帮你诊断作物疾病
查看>>
物联网行业将掀起新一轮并购潮 步入整合期
查看>>
夏日炎炎 构筑安防线 这些知识你Get到了吗?
查看>>
《C语言程序设计:问题与求解方法》——2.4节C语言源程序的次要组成成分:编译预处理命令、注释和声明...
查看>>
业绩不佳引裁员 雅虎2016有点烦
查看>>