Heim > Web-Frontend > js-Tutorial > Javascript-Timer – Donghua-lis Blog – CSDN-Blog

Javascript-Timer – Donghua-lis Blog – CSDN-Blog

一个新手
Freigeben: 2017-09-20 09:20:40
Original
1427 Leute haben es durchsucht

Durch die Verwendung von JavaScript haben wir die Möglichkeit, Code nach einem festgelegten Intervall auszuführen, anstatt unmittelbar nach dem Aufruf der Funktion. Wir nennen dies ein Timing-Ereignis. stellt zwei Timer-Methoden wie folgt bereit:

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

So verwenden Sie setInterval():

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

Der Code lautet wie folgt:

 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);
Nach dem Login kopieren

Die Verwendung von setTimeout und setInterval ist dieselbe.


Können also Parameter im Timer übergeben werden? Die Antwort ist nein. Was sollen wir also tun? Es wird empfohlen, anonyme Funktionen zu verwenden.

Der Code lautet wie folgt:

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

Es definiert den Timer und schreibt eine Funktion neu, um die Methode innerhalb der Funktion aufzurufen.
Natürlich können Sie die Funktion und die Parameter auch direkt mit „“ umgeben, der Wert des Parameters wird dadurch jedoch nicht periodisch geändert.

Das obige ist der detaillierte Inhalt vonJavascript-Timer – Donghua-lis Blog – CSDN-Blog. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage