ホームページ  >  記事  >  ウェブフロントエンド  >  Javascript タイマー - donghua-li のブログ - CSDN ブログ

Javascript タイマー - donghua-li のブログ - CSDN ブログ

一个新手
一个新手オリジナル
2017-09-20 09:20:401384ブラウズ

JavaScript を使用すると、関数が呼び出された直後ではなく、設定された時間間隔後にコードを実行できます。これをタイミング イベントと呼びます。 は次の 2 つのタイマー メソッドを提供します:

  1. window.setInterval(); 这个方法就是在一个周期内反复执行一直到窗口关闭或者 clearInterval()
    window.setTimeout(); 延迟执行内容

setInterval() の使用法:

setInterval(code,millisec); 
code:可以是方法名,如果是方法不要加小括号。同时也可以是字符串用双引号将方法括起来。setInterval(“setCode()”,1000);或者setInterval(setCode,1000); 
millisec:是毫秒数,就是隔了多久执行

コードは次のとおりです:

 var p1 = document.getElementById("p");    
 var n = 0;    
 var data = ["4234","343440"];    
 var rows = 0;    
 var cols = 0;    
 function setCode(){
        if(cols < data[rows].length){
            p1.innerHTML += data[rows][cols];
            cols++;
        }else if(rows < data.length){
            p1.innerHTML += "</br>";
            rows++;
            cols = 0;
        }else {
            clearInterval(timer);
        }
    }    var timer = setInterval(setCode,500);

setTimeout と setInterval の使用法は同じです。


それでは、タイマーにパラメーターを渡すことができますか?答えは「いいえ」です。では、どうすればよいでしょうか? 匿名関数を使用することをお勧めします。

コードは次のとおりです:

   var person = {name: "peng", age: 23};    
   function getPerson(person){
        alert(person.name);
    }    var timer = setInterval(function(){
        getPerson(person);
    },1000);

タイマーを定義し、関数内のメソッドを呼び出すように関数を書き換えています。
もちろん、関数やパラメータを直接「」で囲むこともできますが、これではパラメータの値を定期的に変更することはできません。

以上がJavascript タイマー - donghua-li のブログ - CSDN ブログの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。