zoukankan      html  css  js  c++  java
  • 浅谈jQuery中setInterval()方法

    定义和用法:

    setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

    setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

    var time=0;

    用法1:

    function jump(){
      …………  //函数内容
    }
    time = setInterval("jump()",5000); //每个五秒调用一次函数
    
    

    当需要暂停的时候

      $("").hover(function(){
        clearInterval(time),function(){
        time = setInterval("jump",5000); 
        }  
      })
    
    文字闪烁变色例子:
    <div class="xianmubentu"><a href="javascript:void(0)">限时<b id="freee" class="redcolor">免费</b>加入本土人<span id="injoin" class="bluebg">点此加入</span>脉圈</a></div>
    <script>
        function freecolor(){
            if($('#freee').hasClass('redcolor')){
                $('#freee').removeClass('redcolor');
            }else{
                $('#freee').addClass('redcolor');
            }
        }
        time = setInterval("freecolor()",1000);
        function bluecolor(){
            if($('#injoin').hasClass('bluebg')){
                $('#injoin').removeClass('bluebg');
            }else{
                $('#injoin').addClass('bluebg');
            }
        }
        time = setInterval("bluecolor()",1000);
    </script>





    用法2:

    function autoPlay(){
      time = setInterval(function(){
        …………   //函数内容
      },5000);
    }
    autoPlay();  //调用函数
    
    

    当需要暂停时

       $("").hover(function(){
        clearInterval(time),function(){
        autoPlay();
        }  
      })
    
    

    总结:

    第一种用法思路比较清晰,先设置一个函数,在通过setInterval来自行调用,但是将其在别处调用比较困难;

    第二种方法看起来比较乱,在setInterval内部写下自行调用的函数,然后在给他套上一个有名函数,然后通过调用有名函数来实行自动,在别处调用比较方便。

    以上纯属个人看法,希望大神们多多指点。

  • 相关阅读:
    广义线性模型 GLM
    最大熵模型 Maximum Entropy Model
    Ensemble Learning 之 Bagging 与 Random Forest
    Ensemble Learning 之 Gradient Boosting 与 GBDT
    Ensemble Learning 之 Adaboost
    集成学习概述
    决策树之 CART
    用于分类的决策树(Decision Tree)-ID3 C4.5
    朴素贝叶斯(Naive Bayes)
    动态规划 Dynamic Programming
  • 原文地址:https://www.cnblogs.com/mm2015/p/5403855.html
Copyright © 2011-2022 走看看