Massenträgheit Sensory 'setTimeout () und clearTimeout ()

setTimeout () und clearTimeout ()

Kommentare 12 Dameris / Los_Angeles Dezember 2005 unter Javascript .
Tags:

Um zu steuern, wenn ein JavaScript-Funktion ausgeführt wird, verwenden Sie setTimeout (), die zwei Argumente akzeptiert. Das erste Argument ist der Name der Funktion, und zweitens, wie lange die Funktion ausgeführt wird (in Millisekunden).

setTimeout

So ändern Sie den Inhalt eines div nach zwei Sekunden hat der Anwender die Maus auf einen Link:

PLAIN TEXT

HTML:

<html>
<head>
<title> Zwei Sekunden vor der Warnung </ title>
> <Script type = "text / javascript">
Funktion update ()
(
div = document.getElementById ('Warnung');
div.innerHTML = 'Wollen Sie zwei Sekunden, dass die Maus auf den Link übergeben ";
)
avisoDemorado function ()
(
setTimeout ("update ()", 2000);
)
</ Script>
</ Head>
<body>
onmouseover = "avisoDemorado();" > passe o mouse </a> <A href = "#" onmouseover = "avisoDemorado ();"> schweben </ a>
<Br />
<Br />
> </div> <Div id = "Hinweis"> </ div>
</ Body>
</ Html>

Wenn Sie den Link, schweben entfernen Sie den Mauszeiger über sie und ihn, aber die Funktion wird ausgeführt. Aber es gibt einen Weg, es zu kündigen ...

clearTimeout

Angenommen, Sie wollen die Funktion Ausführung vor zwei Sekunden abzubrechen. Aus diesem können Sie die clearTimeout () verwenden. Er akzeptiert ein Argument, das eingeleitet, durch die Zeit setTimeout () sollte abgebrochen werden.

PLAIN TEXT

HTML:

<html>
<head>
<title> Zwei Sekunden vor der Kündigungsfrist mit </ title>
> <Script type = "text / javascript">
Funktion update ()
(
div = document.getElementById ('Warnung');
div.innerHTML = 'Wollen Sie zwei Sekunden, dass die Maus auf den Link übergeben ";
)
avisoDemorado function ()
(
if (typeof (long)! = 'undefined') (
clearTimeout (Zeit);
)
time = setTimeout ("update ()", 2000);
)
</ Script>
</ Head>
<body>
onmouseover = "avisoDemorado();" > passe o mouse </a> <A href = "#" onmouseover = "avisoDemorado ();"> schweben </ a>
<Br />
<Br />
> </div> <Div id = "Hinweis"> </ div>
</ Body>
</ Html>

Nun, wenn man den Mauszeiger über den Link vor zwei Sekunden wird der div nicht aktualisiert werden. Lassen Sie den Mauszeiger weg ein wenig länger als das, und die Meldung erscheint.