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!