Condition "if" et un setInterval

**Romain_G** · 24/08/2018, 15h03

Bonjour,
Je suis développeur web.
Je travaille actuellement pour une cliente qui m'a demandé un mode nuit activé automatiquement après une certaine heure.
Je mode nuit fonctionne parfaitement en mode manuel.
Le mode automatique fonctionne ainsi :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
var now = new Date();
 
var heure   = ('0'+now.getHours()).slice(-2);
var minute  = ('0'+now.getMinutes()).slice(-2);
var setH = //une certaine heure;
var setM = //une certaine minute;
 
var handler_dark;
handler_dark = setInterval(function(){
if (heure >= setH && minute >= setM){
   ToggleNightMode();
  console.log("activé");
}
if(body.classList.contains('dark')){
    clearTimeout(handler_dark);
}
  console.log("setInter_Check");
}, 60000);

Toutes les minutes, on vérifie si l'heure et la minute actuelle est supérieur ou égale à l'heure fixé. Si c'est le cas, ça active le mode nuit.
Si le body est en mode nuit, ça break le setInterval.
Mon soucis est que lors de l’exécution, le "if (heure >= setH && minute >= setM)" est sauté. Il n'est jamais exécuté.
Comment puis-je faire ?

Merci d'avance

**lefou123456** · 24/08/2018, 16h30

Bonjour !

Tout d'abord, je ne comprends pas pourquoi clear l'interval, si il vient vérifier l'heure.
Ensuite, il suffirait d'une simple structure comme celle-ci si j'ai bien compris :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
    if ( (heure >= hourEndDark && minute >= minuteEndDark) && body.classList.contains("dark"))
        ToggleNightMode();
    if ( (heure >= setH && minute >= setM) && !body.classList.contains("dark"))
        ToggleNightMode();

Et puis il me semble qu'il faut utiliser clearInterval() sur un interval et clearTimeout() sur un timeout !

**Romain_G** · 24/08/2018, 16h40

Merci pour votre aide.
Mais j'ai un autre soucis.

Imaginons fixer l'heure à 21h.
Si je suis présent sur le site à 20h58, et que je ne recharge pas la page à 21h, il reste en mode jour.
Comment puis-je résoudre cela ?

**lefou123456** · 24/08/2018, 17h12

Je viens de me rendre compte que ma condition ne marche pas, sachant que l'heure de fin pourrait être inférieure à l'heure du début, il faudrait par exemple utiliser la méthode valueOf() de l'instance de Date !

**Romain_G** · 24/08/2018, 17h16

J'ai fixé les heures de début et de fin dans des variables différentes. Normalement ça devrait fonctionner.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
var setH = 21;
var setM = 00;
var hourEndDark = 08;
var minutEndDark = 30;
 
  if ((heure >= setH && minute >= setM) && body.classList.contains("light")){
    toggleDarkLight();
  }
 
  else if ((heure >= hourEndDark && minute >= minutEndDark) && body.classList.contains("dark"))
    toggleDarkLight();

**lefou123456** · 24/08/2018, 18h02

Regarde, j'ai modifié mon message, sinon ça ne peux pas marcher.
Il faut aussi réfléchir au fait du retour à zéro des heures, si l'heure de début est 21h et l'heure de fin et 8h30,
certes quand il est entre 21h et 0h l'heure actuelle est supérieure à 21, mais entre 0h et 8h30 ça ne l'est plus !