La différence entre les minuteries setTimeout() et setInterval() en JavaScript-js tutoriel-php.cn

La différence entre les minuteries setTimeout() et setInterval() en JavaScript

藏色散人

Libérer： 2019-04-09 10:15:00

original

5076 Les gens l'ont consulté

Cet article vous présentera les différences entre les deux timers setTimeout() et setInterval() en JavaScript. (Recommandé : "tutoriel javascript")

la méthode setTimeout()

setTimeout() exécute une fonction après avoir attendu le nombre spécifié de millisecondes.

Syntaxe :

window.setTimeout(function, milliseconds);
function : 第一个参数是要执行的函数
milliseconds : 表示执行前的毫秒数.

Copier après la connexion

Par exemple, nous souhaitons qu'une boîte de dialogue apparaisse 2 secondes après que l'utilisateur appuie sur le bouton "Cliquez sur moi !".

Le code javascript est le suivant :

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>

<button onclick="setTimeout(gfg, 2000);">点击我！</button>

<script>
    function gfg()
    {
        alert(&#39;欢迎来到PHP中文网！&#39;);
    }
</script>

</body>
</html>

Copier après la connexion

Sortie :

Une fois que l'utilisateur appuie sur le bouton "Appuyez sur moi", puis après une pause de 2 secondes, un une boîte apparaîtra.

La différence entre les minuteries setTimeout() et setInterval() en JavaScript

méthode setInterval()

setInterval() méthode sur chaque donnée Répète une donnée fonctionner à intervalles réguliers.

Syntaxe :

window.setInterval(function, milliseconds);

function : 第一个参数是要执行的函数
milliseconds :表示每次执行之间的时间间隔的长度。

Copier après la connexion

L'exemple de code est le suivant :

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>

<p>我会说“你好”很多次！</p>

<p id="GFG"></p>

<script>
    var myVar = setInterval(myTimer, 1000);

    function myTimer()
    {

        document.getElementById("GFG").innerHTML += "<p>你好</p>";
    }
</script>

</body>
</html>

Copier après la connexion

Un nouveau message "Bonjour" sera affiché chaque seconde.

La différence entre les minuteries setTimeout() et setInterval() en JavaScript

Alors :

La différence entre les minuteries setTimeout() et setInterval() en JavaScript

Cet article concerne les deux timers setTimeout() et setInterval() en JavaScript Les différences sont présentés, j'espère que cela sera utile aux amis dans le besoin !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!