Gestion du temps - Cours Javascript

Introduction

Infos

Dans ce chapitre, nous allons étudier l'objet javascript Date.
Nous allons aussi aborder la notion d'interval avec setTimeout, setInterval.

setTimeout

Définition

La méthode javascript setTimeout(fonction, temps) va vous permettre d'attendre un certain temps pour lancer une fonction.

La méthode javascript setTimeout(fonction, temps, argument) accepte comme paramètres :
- fonction, nom de la fonction ou action à executer dans ce cas mettre des "".
- temps, Nombre en millième de seconde (1000 = 1s)
Exemple de code :
var dmc_setTimeout= setTimeout(mafonction,1000);

La méthode javascript setTimeout renvoie un identifiant unique qui vous permettra de l'identifier si vous voullez annuler avant son execution.
Exemple de code :
var dmc_setTimeout= setTimeout(mafonction,1000);


La méthode setTimeout est "global", vous pouvez y accéder en permanence dans vos scripts javascript.

clearTimeout

Définition

La méthode javascript clearTimeout(identifiant) va vous permettre annuler l'execution du setTimeout.
Exemple de code :
var dmc_setTimeout = setTimeout(mafonction,1000);
clearTimeout(dmc_setTimeout);

La méthode javascript clearTimeout(identifiant) accepte comme paramètres :
- identifiant, identifiant unique renvoyé par la méthode javascript setTimeout.

La méthode clearTimeout est "global", vous pouvez y accéder en permanence dans vos scripts javascript.

Exemple 1

Exemple

Exemple 1 :
Exemple de code :
function test(){
  alert("test");
}
var dmc_setTimeout = setTimeout(test,1000);
//test

Exemple 2 :
Exemple de code :
function test(momo,toto){
  alert("momo="+momo);
  alert("toto="+toto);
}
var dmc_setTimeout = setTimeout( function(){ test('momo','toto')},1000);
//momo
//toto

Exemple 3 :
Exemple de code :
var dmc = new Object();
dmc.variable = "this.variable";
dmc.nbvariable = 0;
dmc.test = function (momo,toto){
  alert("momo="+momo+"|toto="+toto);
  this.nbvariable+=1
  alert(this.nbvariable);
  alert(this.variable);
}
var dmc_setTimeout = setTimeout(function(){ dmc.test('momo','toto')}, 1500);
//momo=momo|toto=toto
//1
//this.variable

setInterval

Définition

La méthode javascript setInterval(fonction, interval) va vous permettre de lancer une fonction régulièrement.

La méthode javascript setInterval(fonction, interval) accepte comme paramètres :
- fonction, nom de la fonction ou action à executer dans ce cas mettre des "".
- temps, Nombre en millième de seconde (1000 = 1s)
Exemple de code :
var dmc_setInterval = setInterval(mafonction,1000);

La méthode javascript setInterval renvoie un identifiant unique qui vous permettra de l'identifier si vous voullez annuler avant son execution.
Exemple de code :
var dmc_setInterval = setInterval(mafonction,1000);


La méthode setInterval est "global", vous pouvez y accéder en permanence dans vos scripts javascript.

clearInterval

Définition

La méthode javascript clearInterval(identifiant) va vous permettre annuler l'execution du setInterval.
Exemple de code :
var dmc_setInterval = setInterval(mafonction,1000);
clearInterval(dmc_setInterval);

La méthode javascript clearInterval(identifiant) accepte comme paramètres :
- identifiant, identifiant unique renvoyé par la méthode javascript setInterval.

La méthode clearInterval est "global", vous pouvez y accéder en permanence dans vos scripts javascript.

Exemple 2

Exemple

Exemple 1 :
Exemple de code :
function test(){
  alert("test");
}
var dmc_setInterval = setInterval(test,1000);
//test
//test...

Exemple 2 :
Exemple de code :
function test(momo,toto){
  alert("momo="+momo);
  alert("toto="+toto);
}
var dmc_setInterval = setInterval( function(){ test('momo','toto')},1000);
//momo
//toto
//momo
//toto...

Exemple 3 :
Exemple de code :
var dmc = new Object();
dmc.variable = "this.variable";
dmc.nbvariable = 0;
dmc.test = function (momo,toto){
  alert("momo="+momo+"|toto="+toto);
  this.nbvariable+=1
  alert(this.nbvariable);
  alert(this.variable);
}
var dmc_setInterval = setInterval(function(){ dmc.test('momo','toto')}, 1500);
//momo=momo|toto=toto
//1
//this.variable
//momo=momo|toto=toto
//2
//this.variable

Date

Définition

En construction
Chapitre l'objet math
Chapitre les fonctions