Il est facile d'utiliser l'événement temporel dans Javascripp.
setTimeout ()
Exécuter le code à un certain moment
ClearTimeout ()
Annuler setTimeout ()
setTimeout ()
grammaire
Copier le code du code comme suit:
var t = setTimeout ("instruction javascript", milliseconde)
La méthode setTimeout () renvoie une certaine valeur. Dans l'instruction ci-dessus, la valeur est stockée dans une variable appelée T. Si vous souhaitez annuler ce setTimeout (), vous pouvez utiliser ce nom de variable pour le spécifier.
Le premier paramètre du setTimeout () est une chaîne contenant l'instruction JavaScript. Cette déclaration peut être comme "alert ('5 secondes!'), Ou l'appel de la fonction, comme alertmsg ()".
Le deuxième paramètre indique le premier paramètre après le début des millisecondes actuels.
Astuce: 1000 millisecondes sont égales à une seconde.
Lorsque le bouton de l'exemple suivant est cliqué, une boîte d'invite apparaîtra en 5 secondes.
Copier le code du code comme suit:
<html>
<adal>
<script type = "text / javascript">
Fonction timedmsg ()
{{
var t = setTimeout ("alert ('5 secondes!')", 5000)
}
</cript>
</ head>
<body>
<Formulaire
<entrée type = "Button" Value = "Afficher TIMED ALERTBOX!"
</ form>
</docy>
</html>
Exemple - cycle infini
Pour créer une minuterie en cours d'exécution dans une boucle infinie, nous devons écrire une fonction pour s'appeler. Dans l'exemple suivant, lorsque le bouton est cliqué, le domaine d'entrée est compté à partir de 0.
Copier le code du code comme suit:
<html>
<adal>
<script type = "text / javascript">
var c = 0
var t
Fonction timedCount ()
{{
document.getElementByid ('txt').
C = C + 1
t = setTimeout ("timedCount ()", 1000)
}
</cript>
</ head>
<body>
<Formulaire
<entrée type = "Button" Value = "Démarrer le compte!"
<input type = "text" id = "txt">
</ form>
</docy>
</html>
ClearTimeout ()
grammaire
Copier le code du code comme suit:
ClearTimeout (setTimeout_variable)
Exemple
L'exemple ci-dessous est similaire à l'exemple de la boucle infinie ci-dessus. La seule différence est que maintenant nous avons ajouté un "Count d'arrêt!" Pour arrêter ce compteur:
Copier le code du code comme suit:
<html>
<adal>
<script type = "text / javascript">
var c = 0
var t
Fonction timedCount ()
{{
document.getElementByid ('txt').
C = C + 1
t = setTimeout ("timedCount ()", 1000)
}
Fonction stopCount ()
{{
ClearTimeout (t)
}
</cript>
</ head>
<body>
<Formulaire
<entrée type = "Button" Value = "Démarrer le compte!"
<input type = "text" id = "txt">
<entrée type = "Button" Value = "Stop Count!"
</ form>
</docy>
</html>
Les deux autres méthodes importantes:
Copier le code du code comme suit:
SetInterval ()
SetInterval () -execute une fonction, encore et encore, intervalles de temps atcifiés
La fonction est: le cycle exécute une méthode, dans le temps d'intervalle spécifié
grammaire:
Copier le code du code comme suit:
Window.setInterval ("fonction JavaScript", millisecondes);
Remarque: le premier paramètre doit être une fonction, et le deuxième paramètre est le temps d'intervalle de la fonction d'exécution.
Exemple:
Copier le code du code comme suit:
<html>
<script type = "text / javascript">
setInterVal (function () {alert ("Hello")}, 500);
</cript>
</html>
Remarque: L'exemple ci-dessus, l'effet d'exécution signifie que chaque 500 ms est alerte ("bonjour");
Une horloge de plus:
Copier le code du code comme suit:
<html>
<body>
<p id = "Demo"> </p>
<script type = "text / javascript">
setInterVal (function () {mytimer ()}, 1000);
fonction mytimer () {
var d = new Date ();
var t = d.tolocaletimestring ();
document.getElementById («démo»).
}
</cript>
</docy>
</html>
Comment arrêter, setterval () Méthode ??
Copier le code du code comme suit:
Window.clearinterval ()
grammaire:
Copier le code du code comme suit:
Window.ClearInterval (interalvariable)
Copier le code du code comme suit:
La méthode Window.ClearInterval () peut être écrite avec le préfixe de la fenêtre.
Pour pouvoir utiliser la méthode ClearInterval (), vous devez utiliser une variable globale lors de la création de la méthode d'intervalle:
Myvar = setInterval ("fonction javaScript", millisecondes);
Ensuite, vous pourrez arrêter l'exécution en appelant la méthode ClearInterval ().
Exemple:
Copier le code du code comme suit:
<html>
<body>
<p id = "Demo"> </p>
<p id = "Demo2" onclight = "stop ()"> stop </p>
<script type = "text / javascript">
var test = setInterval (function () {myTimer ()}, 1000);
fonction mytimer () {
var d = new Date ();
var t = d.tolocaletimestring ();
document.getElementById («démo»).
}
Fonction stop () {
<html>
<body>
<p id = "Demo"> </p>
<p id = "Demo2" onclight = "stop ()"> stop </p>
<script type = "text / javascript">
var test = setInterval (function () {myTimer ()}, 1000);
fonction mytimer () {
var d = new Date ();
var t = d.tolocaletimestring ();
document.getElementById («démo»).
}
Fonction stop () {
ClearInterval (temp);
}
</cript>
</docy>
</html>
}
</cript>
</docy>
</html>