setInterval&&clearInterval

一、setInterval

用法
setInterval(functionName, interval [, param1, param2, ..., paramN])

參數
functionName 一個函數名或者一個對匿名函數的引用。

interval 對 functionName 參數的兩次調用之間的時間(以毫秒爲單位)。

param1, param2, ..., paramN 傳遞到 function 或 methodName 參數的可選參數。

示例
用法 1:下面的示例每隔 1000 毫秒(每隔 1 秒)調用一次匿名函數。

setInterval( function(){ trace("interval called"); }, 1000 );

用法 2:下面的示例定義兩個事件處理函數並分別調用它們。對 setInterval() 的兩次調用的結果都是每隔 1000 毫秒就向“輸出”面板發送字符串 "interval called"。對 setInterval() 的第一個調用將調用 callback1() 函數,該函數包含 trace() 動作。對 setInterval() 的第二個調用將 "interval called" 字符串作爲參數傳遞給函數 callback2()。

function callback1() {
  trace("interval called");
}

function callback2(arg) {
  trace(arg);
}

setInterval( callback1, 1000 );
setInterval( callback2, 1000, "interval called" );

用法 3:此示例使用對象的方法。當要調用爲對象定義的方法時,必須使用此語法。

obj = new Object();
obj.interval = function() {
  trace("interval function called");
}

setInterval( obj, "interval", 1000 );

obj2 = new Object();
obj2.interval = function(s) {
  trace(s);
}
setInterval( obj2, "interval", 1000, "interval function called" );

必須使用第二種格式的 setInterval() 語法來調用對象的方法,如下所示:

setInterval( obj2, "interval", 1000, "interval function called" );

二、clearInterval

定義和用法
clearInterval() 方法可取消由 setInterval() 設置的 timeout。
clearInterval() 方法的參數必須是由 setInterval() 返回的 ID 值。

語法
clearInterval(id_of_setinterval)
參數
id_of_setinterval 由 setInterval() 返回的 ID 值。
實例
下面這個例子將每隔 50 毫秒調用 clock() 函數。您也可以使用一個按鈕來停止這個 clock:

<html>
<body>

 <form>

     <input type="text" id="clock" size="35" />
     <script language=javascript>
          var int=self.setInterval("clock()",50)
          function clock()
          {
              var t=new Date()
              document.getElementById("clock").value=t
          }
     </script>
</form>
<button οnclick="int=window.clearInterval(int)">Stop interval</button>

</body>
</html>

==================倒計時===================

function TimeStart(length)
{
    length = length * 60;
    if(timer)
    {
        TimeStop();
    }
    timelen = length;
    timenow = length;
    timer = setInterval(checktime,1000);
    SetMsg('進行中...');
}

function TimeStop()
{
    clearInterval(timer);
}

function checktime()
{
    if(timenow >0 )
    {
        var txt = '';
        if(timenow < 300)
        {
            if(color == 0){txt += '<font color="red">' + GetTimeText(timenow) + '</font>';color=1;}
            else{txt += '<font color="black">' + GetTimeText(timenow) + '</font>';color=0;}
        }
        else
        {
            txt += GetTimeText(timenow);
        }
        txt += "&nbsp;/&nbsp;" + GetTimeText(timelen);
        document.getElementByID("time").innerHTML = txt;
        timenow--;
    }
    else
    {
        window.frames["url_mainframe"].document.getElementById("Button1").click();
        clearInterval(timer);
    }
}

function GetTimeText(len){
    var text = checklen(parseInt(len / 3600).toString());
    text += ":";
    text += checklen(parseInt(len % 3600 / 60).toString());
    text += ":";
    text += checklen(parseInt(len % 60).toString());
    return text;
}
function checklen(text)
{
    if(text.length < 2){text = '0' + text;}
    return text;
}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章