Maison > Article > interface Web > La différence entre les minuteries setTimeout() et setInterval() en JavaScript
La différence entre les minuteries setTimeout() et setInterval() en JavaScript
- 藏色散人original
- 2019-04-09 10:13:195025parcourir
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 : 表示执行前的毫秒数.
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('欢迎来到PHP中文网！');
}
</script>
</body>
</html>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.
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 :表示每次执行之间的时间间隔的长度。
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>Un nouveau message "Bonjour" sera affiché chaque seconde.
Alors :
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!