Utilisation de la minuterie JS (explication d'instance)

Auteur：Eve Cole Date de mise à jour：2025-03-16 21:32:01

Dans Javascritp, il existe deux fonctions spéciales sur les minuteries, qui sont:

1. Countdown Timer: timeName = setTimeout ("function ();", delayTime);

2. Cycling Timer: timeName = setInterval ("function ();", delaytime);

Le premier paramètre "fonction ()" est l'action à exécuter lorsque le temporisateur est déclenché. Par exemple, si deux fenêtres d'avertissement sont apparues, vous pouvez remplacer "Function ();"

"Alert ('La première fenêtre d'avertissement!'); Alert ('La deuxième fenêtre d'avertissement!');";

Le compte à rebours déclenche un événement après l'arrivée du temps, et le minuteur en circulation est de déclencher à plusieurs reprises l'événement lorsque l'intervalle arrive.

Par exemple, après avoir ouvert une page et que vous souhaitiez passer automatiquement à un autre intervalle de page en quelques secondes, vous devez utiliser le compte à rebours "setTimeout (" function (); ", delttime), et si vous souhaitez définir une phrase paramètres l'apparence d'un mot,

Vous devez utiliser la minuterie circulaire "setInterval (" function (); ", delaytime".

Pour obtenir le formulaire du formulaire, le document.activeElement.id est utilisé. Utilisez si pour déterminer si le document.activeElement.id et l'ID du formulaire sont les mêmes.

Par exemple: if ("mid" == document.activeElement.id) {alert ();}, "mid" est l'ID correspondant au formulaire.

Minuteur:

Utilisé pour spécifier un certain programme après une heure spécifique.

Les différences entre Settimeout et SetInterval dans JS et la méthode LLEE

SetTimeout (Expression, DelayTime).

setTimeout ("fonction", time) définir un objet temporisé

SetInterval (Expression, DelayTime), chaque retard de retard exécutera l'expdition.

SetInterval ("fonction" (temps) définit un objet de délai d'expiration

SetInterval est automatiquement répété et Settimeout ne sera pas répété.

Temps clair

ClearInterval

Deux cas.

Exemple 1. Lorsque le formulaire est déclenché ou chargé, la chaîne de mots est sortie mot par mot

Copier le code du code comme suit:

<html>

<adal>

<Title> Document non-title </TITME>

var str = "Ceci est l'exemple de texte pour les tests";

var seq = 0;

var seconde = 1000; // intervalle 1 seconde

fonction Scroll () {

msg = str.substring (0, seq + 1);

document.getElementByIdx_X_X ('Word').

seq ++;

if (seq> = str.length) seq = 0;

}

</cript>

</ head>

</docy>

</html>

Exemple 2. Lorsque le foyer est dans la zone d'entrée, cochez régulièrement les informations de la case d'entrée.

Copier le code du code comme suit:

<adal>

<Title> Document non-title </TITME>

var seconde = 5000; // intervalles 5 secondes

var c = 0;

fonction Scroll () {

C ++;

if ("b" == document.activeElement.id) {{

var str = "timing vérifiez le <b>" + c + "</b> fois <br/>";

if (document.getElementByIdx_X_X ('B'). Value! = "")

Str + = "Boîte d'entrée Le contenu actuel est le contenu actuel est <br/> <b>" + dcument.getElementByidx_x ('b').

}

document.getElementByIdx_X_X ('Word').

}

</cript>

</ head>

<body>

<textarea id = "b" name = "b" style = "height: 100px; width: 300px;" onfocus = "setInterval ('scroll (), deuxième)"> </ textarea> <br/> <br / < br /> "

</docy>

</html>

Exemple 3. Ce qui suit est l'exemple le plus simple.

Copier le code du code comme suit:

<adal>

Count de fonction () {) {

document.getElementByidx_x_x ('M').

setTimeout ("alert ('dix secondes à!", 10000)

}

</cript>

<body>

</docy>

</html>

Exemple 4: Le compte à rebours saute le timing et opportun

Copier le code du code comme suit:

<html>

<adal>

<Title> ma page de départ jsp 'ds04.jsp' </Title>

<A href = "Javascript: Countdown"> </a> Sautez automatiquement après la seconde ...

<Meta Http-Equiv = Refresh Content = 3;

<! - Le script commence->

Countdown de fonction (Secs) {

Tiao.InnerText = Secs;

if (--scs> 0)

setTimeout ("Countdown (" + Secs + "), 1000); 1000);

}

Compte à rebours (3);

</cript>

<! - Script end->

</ head>

Exemple 6:

Copier le code du code comme suit:

<adal>

</ head>

Exemple 7:

Copier le code du code comme suit:

setTimeout ("Window.Location.href = 'b.html'", 2000);

// les deux suivants peuvent être utilisés

// setTimeout 18 "JavaScript: lCation.href = 'b.html'", 2000);

//settimeout.com window.location = 'b.html' ", 2000);

</cript>

Exemple 8:

Copier le code du code comme suit:

var seconde = document.getElementByidx_x ('totalsecond').

if (isnan (second)) {{

// ... pas le nombre de nombres

} Autre {

SetInterval (function () {

document.getElementByIdx_X ('totalSecond').

if (second <= 0) {{

Window.location = 'b.html';

}

}, 1000);

}

</cript>

Timer JS (exécuter une fois, répéter l'exécution)

Partagez un code JS, un petit exemple de la minuterie JS, divisé en une minuterie et un minuteur d'exécution répété pour l'exécution. Référence pour les amis débutants.

1. Exécuter la minuterie uniquement

Copier le code du code comme suit:

<cript>

// La minuterie fonctionne asynchrone

fonction bonjour () {

Alert ("bonjour");

}

// Utilisez la méthode d'exécution du nom de la méthode

var t1 = window.setTimeout (bonjour, 1000);

var t2 = window.setTimeout ("Hello ()", 3000);

Window.cleartimeout (t1);

</cript>

2. Timer d'exécution répétée

Copier le code du code comme suit:

<cript>

fonction bonjour () {

Alert ("bonjour");

}

// répéter une certaine méthode

var t1 = window.setinterval (bonjour, 1000);

var t2 = window.setinterval ("Hello ()", 3000);

// la méthode de suppression de la minuterie

Window.ClearInterval (T1);

</cript>

Remarque:

S'il y a deux méthodes sur une page, elles sont exécutées après le chargement de la page, mais la défaillance réelle peut être exécutée dans l'ordre.

Vous pouvez ajouter une minuterie à la méthode en ligne, définir une minuterie, puis exécuter après "retard" pendant une période de temps.

Copier le code du code comme suit:

<Title> Page sans titre </TITME>

var yc = new object ();

Fonction débutyc ()

{{

var secondsyc = document.getElementById ("txtycsecondes").

essayer

{{

Yc = setTimeout ("alert ('delay" + secondsyc + "deuxième succès"), secondsyc * 1000);

}

attraper (e)

{{

alert ("Veuillez saisir le deuxième numéro correct.");

}

Fonction overyc ()

{{

ClearTimeout (YC);

Yc = null;

alerte ("délai de terminaison réussi");

}

/ *********************. ****************************

var timerds = new object ();

var timerdds = new object ();

Fonction Beginds ()

{{

sn.innerhtml = "0";

TIMERDS = setInterval ("addOne ()", parseInt (document.getElementById ("txtinTirValSeconds"). Valeur, 10) * 1000);

}

Fonction Goonds ()

{{

TIMERDS = setInterval ("addOne ()", parseInt (document.getElementById ("txtinTirValSeconds"). Valeur, 10) * 1000);

}

Fonction overds ()

{{

ClearInterval (Timerds);

TIMERDS = NULL;

}

Fonction Delayds ()

{{

overds ();

Timerdds = setTimeout ("goonds ()", document.getElementById ("txtddsseconds"). Valeur * 1000);

}

Fonction addOne ()

{{

if (sn.innerhtml == "10")

{{

overds ();

Alert ("Félicitations, il a réussi à atteindre 10 secondes");

Retour;

}

sn.innerhtml = parseInt (sn.innerhtml, 10) +1;

}

</cript>

</ head>

<body>

<div>

Utilisation du retard: </div>

<div>

<input type = "Button" id = "Button1" onClick = "javascript: alert ('bon monrning');

</div>

<br />

<div>

Utilisation de la minuterie: </div>

<div>

</div>

</ form>

</docy>

</html>