Ce script javascript permet d’afficher une image de background différente selon les saisons à l’élément d’identifiant id= »monimage »
L’idée est d’analyser la date courante afin de déterminer la saison en utilisant l’objet new Date(année, mois, jour)
<script>
$(function() {
var today = new Date();
var ladate=Date.parse(today);
var lannee = today.getFullYear();
var dateprintemps =Date.parse(new Date(lannee, 2, 21));
var dateete =Date.parse(new Date(lannee, 5, 21));
var dateautomne =Date.parse(new Date(lannee, 8, 21));
var datehiver =Date.parse(new Date(lannee, 11, 21));
if(ladate>=dateprintemps && ladate<dateete){
$("#monimage").css({backgroundImage: "url('img/Fond-Printemps.png')"}); }
else if(ladate>=dateete && ladate<dateautomne){
$("#monimage").css({backgroundImage: "url('img/Fond-Ete.png')"}); }
else if(ladate>=dateautomne && ladate<datehiver){
$("#monimage").css({backgroundImage: "url('img/Fond-Automne.png')"}); }
else if(ladate>=datehiver || ladate<dateprintemps){
$("#monimage").css({backgroundImage: "url('img/Fond-Hiver.png')"}); }
});
</script>
Laisser un commentaire
Participez-vous à la discussion?N'hésitez pas à contribuer!