{"id":200,"date":"2024-02-08T19:06:41","date_gmt":"2024-02-08T17:06:41","guid":{"rendered":"https:\/\/yanncath1967.eu\/?p=200"},"modified":"2026-04-19T06:38:35","modified_gmt":"2026-04-19T04:38:35","slug":"les-vacances-en-javascript","status":"publish","type":"post","link":"https:\/\/yanncath1967.eu\/?p=200","title":{"rendered":"Les vacances en Javascript"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full is-style-default\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"427\" src=\"https:\/\/i0.wp.com\/yanncath1967.eu\/wp-content\/uploads\/2024\/02\/pexels-photo-518557.jpeg?resize=640%2C427&#038;ssl=1\" alt=\"hay beside brown wood slab\" class=\"wp-image-215\" srcset=\"https:\/\/i0.wp.com\/yanncath1967.eu\/wp-content\/uploads\/2024\/02\/pexels-photo-518557.jpeg?w=1880&amp;ssl=1 1880w, https:\/\/i0.wp.com\/yanncath1967.eu\/wp-content\/uploads\/2024\/02\/pexels-photo-518557.jpeg?resize=300%2C200&amp;ssl=1 300w, https:\/\/i0.wp.com\/yanncath1967.eu\/wp-content\/uploads\/2024\/02\/pexels-photo-518557.jpeg?resize=1024%2C682&amp;ssl=1 1024w, https:\/\/i0.wp.com\/yanncath1967.eu\/wp-content\/uploads\/2024\/02\/pexels-photo-518557.jpeg?resize=768%2C512&amp;ssl=1 768w, https:\/\/i0.wp.com\/yanncath1967.eu\/wp-content\/uploads\/2024\/02\/pexels-photo-518557.jpeg?resize=1536%2C1024&amp;ssl=1 1536w, https:\/\/i0.wp.com\/yanncath1967.eu\/wp-content\/uploads\/2024\/02\/pexels-photo-518557.jpeg?w=1280&amp;ssl=1 1280w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><figcaption class=\"wp-element-caption\">Photo by Tobi on <a href=\"https:\/\/www.pexels.com\/photo\/hay-beside-brown-wood-slab-518557\/\" rel=\"nofollow\">Pexels.com<\/a><\/figcaption><\/figure>\n\n\n\n<h3><div class=\"countdown\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"countdown__days\">\n\t\t\t\t\t\t\t\t\t\t\t\t  <div class=\"number\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div><\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n<script>\n(() => {\n  \/\/ Saisir la date de d\u00e9but des vacances\n  const deadlineDate = new Date('June 19 2026 00:00:00').getTime();\n\n  \/\/ D\u00e9finir les constantes\n  const countdownDays = document.querySelector('.countdown__days .number');\n  const countdownHours = document.querySelector('.countdown__hours .number');\n  const countdownMinutes = document.querySelector('.countdown__minutes .number');\n  const countdownSeconds = document.querySelector('.countdown__seconds .number');\n\n  \/\/ MAJ toutes les secondes\n  setInterval(() => {\n    \/\/ obtenir la date actuelle\n    const currentDate = new Date().getTime();\n\n    \/\/ Calculer la diff\u00e9rence\n    const distance = deadlineDate - currentDate;\n\n    \/\/ Calculer les constantes days, hours, minutes and seconds\n    const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\n    const hours = Math.floor(distance % (1000 * 60 * 60 * 24) \/ (1000 * 60 * 60));\n    const minutes = Math.floor(distance % (1000 * 60 * 60) \/ (1000 * 60));\n    const seconds = Math.floor(distance % (1000 * 60) \/ 1000);\n\n    \/\/ Inserre les r\u00e9sultats dans les boites d'affichages\n    countdownDays.innerHTML =\"les prochaines vacances sont dans : \" + days + \" jour(s)\";\n    countdownHours.innerHTML = hours;\n    countdownMinutes.innerHTML = minutes;\n    countdownSeconds.innerHTML = seconds;\n  }, 1000);\n})();\n<\/script>\n\n\n<h3><div class=\"countdown\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"countdown__days\">\n\t\t\t\t\t\t\t\t\t\t\t\t  <div class=\"number\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div><\/h3>\n\n<h3><div class=\"countdown\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"countdown__days\">\n\t\t\t\t\t\t\t\t\t\t\t\t  <div class=\"number\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div><\/h3>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":215,"comment_status":"closed","ping_status":"open","sticky":true,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[13],"tags":[],"class_list":["post-200","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-vacances"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/yanncath1967.eu\/wp-content\/uploads\/2024\/02\/pexels-photo-518557.jpeg?fit=1880%2C1253&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/yanncath1967.eu\/index.php?rest_route=\/wp\/v2\/posts\/200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yanncath1967.eu\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yanncath1967.eu\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yanncath1967.eu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yanncath1967.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=200"}],"version-history":[{"count":19,"href":"https:\/\/yanncath1967.eu\/index.php?rest_route=\/wp\/v2\/posts\/200\/revisions"}],"predecessor-version":[{"id":407,"href":"https:\/\/yanncath1967.eu\/index.php?rest_route=\/wp\/v2\/posts\/200\/revisions\/407"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yanncath1967.eu\/index.php?rest_route=\/wp\/v2\/media\/215"}],"wp:attachment":[{"href":"https:\/\/yanncath1967.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yanncath1967.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=200"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yanncath1967.eu\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}