Bonsoir,
Nairolf =>
dès qu'il fait jour je veux qu'il applique le css day.css et quand la nuit arrive il faut q'il applique le css night.css
En php ça changera rien, d'autant plus que l'on peut très bien vouloir faire ça sur un site statique.
Il faut en effet lancer une fonction à intervalle régulier. Toutes les minutes comme le suggère Nairolf me semble pas mal .
En reprenant ton code:
(function($) {
//On définie la fonction qui associera la bonne feuille de style
var adapteStyle = function(){
var d = new Date();
var hour = d.getHours();
if (hour < 8 || hour > 20) {
//between 8pm and 8am
$('#switchStyle').attr('href', '/css/night.css');
} else {
$('#switchStyle').attr('href', '/css/day.css');
}
};
// On définie l'intervalle (qui lancera la fonction toutes les minutes)
var timer = setInterval(adapteStyle,60000); //le temps est en ms
//On lance la fonction au chargement de la page (sinon elle ne se lancerait qu'au bout d'1 min)
adapteStyle();
})(jQuery);
cordialement.
Ps: pour éviter un changement de feuille de style inutile (remettre la même), on pourrait stocker le nom de la feuille de style en cours et tester si la nouvelle feuille de style à appliquer est identique ou non . Faire seulement le changement si cela est nécessaire.
lakamark
