{"id":8604,"date":"2021-05-25T11:43:45","date_gmt":"2021-05-25T09:43:45","guid":{"rendered":"https:\/\/steamerproject.eu\/chronometre\/"},"modified":"2021-05-26T09:40:00","modified_gmt":"2021-05-26T07:40:00","slug":"compte-a-rebours","status":"publish","type":"page","link":"https:\/\/steamerproject.eu\/fr\/compte-a-rebours\/","title":{"rendered":"Compte \u00e0 rebours"},"content":{"rendered":"\n[et_pb_section fb_built=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.9.4&Prime; background_color=\u00a0\u00bb#0a0505&Prime; z_index=\u00a0\u00bb1&Prime; custom_padding=\u00a0\u00bb200px||300px||false|false\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime; locked=\u00a0\u00bboff\u00a0\u00bb sticky_enabled=\u00a0\u00bb0&Prime; custom_margin=\u00a0\u00bb-150px||-150px||false|false\u00a0\u00bb custom_margin_last_edited=\u00a0\u00bbon|desktop\u00a0\u00bb module_id=\u00a0\u00bbsection__countdown\u00a0\u00bb][et_pb_row column_structure=\u00a0\u00bb1_5,3_5,1_5&Prime; _builder_version=\u00a0\u00bb4.9.4&Prime; background_color=\u00a0\u00bbRGBA(0,0,0,0)\u00a0\u00bb width=\u00a0\u00bb100%\u00a0\u00bb max_width=\u00a0\u00bb1280px\u00a0\u00bb module_alignment=\u00a0\u00bbcenter\u00a0\u00bb custom_margin=\u00a0\u00bb50px||||false|false\u00a0\u00bb custom_padding=\u00a0\u00bb||40px||false|false\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime; sticky_enabled=\u00a0\u00bb0&Prime;][et_pb_column type=\u00a0\u00bb1_5&Prime; _builder_version=\u00a0\u00bb4.4.1&Prime;][\/et_pb_column][et_pb_column type=\u00a0\u00bb3_5&Prime; _builder_version=\u00a0\u00bb4.4.1&Prime;][et_pb_text _builder_version=\u00a0\u00bb4.9.4&Prime; text_font_size=\u00a0\u00bb16px\u00a0\u00bb header_font=\u00a0\u00bb|700|||||||\u00a0\u00bb header_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb text_orientation=\u00a0\u00bbcenter\u00a0\u00bb custom_padding=\u00a0\u00bb||||false|false\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime; sticky_enabled=\u00a0\u00bb0&Prime;]<h1>Compte \u00e0 rebours<\/h1>[\/et_pb_text][\/et_pb_column][et_pb_column type=\u00a0\u00bb1_5&Prime; _builder_version=\u00a0\u00bb4.4.1&Prime;][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00a0\u00bb4.9.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime; custom_margin=\u00a0\u00bb0px||||false|false\u00a0\u00bb sticky_enabled=\u00a0\u00bb0&Prime; custom_padding=\u00a0\u00bb0px||||false|false\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.9.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb][et_pb_code _builder_version=\u00a0\u00bb4.9.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime; sticky_enabled=\u00a0\u00bb0&Prime; custom_margin=\u00a0\u00bb0px||0px||false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px||||false|false\u00a0\u00bb]<script type=\"text\/javascript\"><!-- [et_pb_line_break_holder] -->let mySeconds;<!-- [et_pb_line_break_holder] -->let intervalHandle;<!-- [et_pb_line_break_holder] -->let startchron = 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function tick(){\t<!-- [et_pb_line_break_holder] -->  let timeDisplay = document.getElementById(\"countdownTimer\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  if (startchron===1){<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->  mySeconds--;\t<!-- [et_pb_line_break_holder] -->\tlet min=Math.floor(mySeconds\/60);<!-- [et_pb_line_break_holder] -->\tlet sec=mySeconds-(min*60);<!-- [et_pb_line_break_holder] -->\t<!-- [et_pb_line_break_holder] -->\tif (sec < 10) {<!-- [et_pb_line_break_holder] -->\t\tsec=\"0\"+sec;<!-- [et_pb_line_break_holder] -->\t}<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    if(sec < 11){<!-- [et_pb_line_break_holder] -->          document.getElementById('section__countdown').setAttribute('style', 'background-color: red !important');<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->\t<!-- [et_pb_line_break_holder] -->\tlet message=min.toString()+\":\"+sec;<!-- [et_pb_line_break_holder] -->\t<!-- [et_pb_line_break_holder] -->\ttimeDisplay.innerHTML=message;<!-- [et_pb_line_break_holder] -->\t<!-- [et_pb_line_break_holder] -->\tif(mySeconds===0){<!-- [et_pb_line_break_holder] -->\t\tclearInterval(intervalHandle);<!-- [et_pb_line_break_holder] -->\t}<!-- [et_pb_line_break_holder] -->  }\t<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function startCounter(){<!-- [et_pb_line_break_holder] -->  let timeDisplay = document.getElementById(\"countdownTimer\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    startchron = 1;<!-- [et_pb_line_break_holder] -->\tlet myInput=document.getElementById(\"minutes\").value;<!-- [et_pb_line_break_holder] -->  \tif (isNaN(myInput) || myInput === \"\"){<!-- [et_pb_line_break_holder] -->        return;<!-- [et_pb_line_break_holder] -->    } <!-- [et_pb_line_break_holder] -->    mySeconds=myInput*60;<!-- [et_pb_line_break_holder] -->  \tlet min=Math.floor(mySeconds\/60);<!-- [et_pb_line_break_holder] -->\tlet sec=mySeconds-(min*60);<!-- [et_pb_line_break_holder] -->\tif (sec < 10) {<!-- [et_pb_line_break_holder] -->\t\tsec=\"0\"+sec;<!-- [et_pb_line_break_holder] -->\t}<!-- [et_pb_line_break_holder] -->\tlet message=min.toString()+\":\"+sec;<!-- [et_pb_line_break_holder] -->    timeDisplay.innerHTML = message;<!-- [et_pb_line_break_holder] -->\t<!-- [et_pb_line_break_holder] -->\tintervalHandle=setInterval(tick, 1000);<!-- [et_pb_line_break_holder] -->    document.getElementById(\"minutes\").value = \"\";<!-- [et_pb_line_break_holder] -->    document.getElementById(\"minutes\").style.display = \"none\";<!-- [et_pb_line_break_holder] -->  \tdocument.getElementById(\"countdownTimer\").style.display = \"block\";<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function stopCounter(){<!-- [et_pb_line_break_holder] -->  startchron = 0;<!-- [et_pb_line_break_holder] -->  document.getElementById(\"minutes\").value = \"\";<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function resetCounter(){<!-- [et_pb_line_break_holder] -->  let timeDisplay = document.getElementById(\"countdownTimer\");<!-- [et_pb_line_break_holder] -->    document.getElementById('section__countdown').setAttribute('style', 'background-color: #0a0505 !important');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \tclearInterval(intervalHandle);<!-- [et_pb_line_break_holder] -->    startchron = 0;<!-- [et_pb_line_break_holder] -->    document.getElementById(\"minutes\").value = \"\";<!-- [et_pb_line_break_holder] -->    timeDisplay.innerText=\"0:00\";<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  document.getElementById(\"minutes\").style.display = \"block\";<!-- [et_pb_line_break_holder] -->  document.getElementById(\"countdownTimer\").style.display = \"none\";<!-- [et_pb_line_break_holder] -->}<\/script>[\/et_pb_code][et_pb_code _builder_version=\u00a0\u00bb4.9.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_orientation=\u00a0\u00bbcenter\u00a0\u00bb module_alignment=\u00a0\u00bbcenter\u00a0\u00bb custom_margin=\u00a0\u00bb0px|auto||auto|false|false\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime; sticky_enabled=\u00a0\u00bb0&Prime; custom_padding=\u00a0\u00bb0px||||false|false\u00a0\u00bb]<div><!-- [et_pb_line_break_holder] --><div id=\"inputArea\"><\/div><!-- [et_pb_line_break_holder] -->\t\t<h2 id=\"countdownTimer\">0:00<\/h2><!-- [et_pb_line_break_holder] -->  <input id=\"minutes\" placeholder=\"(minutes)\"><\/input><!-- [et_pb_line_break_holder] --><\/div><!-- [et_pb_line_break_holder] --><div><!-- [et_pb_line_break_holder] -->  <button onclick=\"startCounter()\" class=\"stopwatch__button\">D\u00e9marrer<\/button><!-- [et_pb_line_break_holder] -->  <button onclick=\"stopCounter()\" class=\"stopwatch__button\">Stop<\/button><!-- [et_pb_line_break_holder] -->    <button onclick=\"resetCounter()\" class=\"stopwatch__button\">Reset<\/button><!-- [et_pb_line_break_holder] --><\/div>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"<p>Compte \u00e0 rebours<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false},"acf":[],"_links":{"self":[{"href":"https:\/\/steamerproject.eu\/fr\/wp-json\/wp\/v2\/pages\/8604"}],"collection":[{"href":"https:\/\/steamerproject.eu\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/steamerproject.eu\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/steamerproject.eu\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/steamerproject.eu\/fr\/wp-json\/wp\/v2\/comments?post=8604"}],"version-history":[{"count":6,"href":"https:\/\/steamerproject.eu\/fr\/wp-json\/wp\/v2\/pages\/8604\/revisions"}],"predecessor-version":[{"id":8696,"href":"https:\/\/steamerproject.eu\/fr\/wp-json\/wp\/v2\/pages\/8604\/revisions\/8696"}],"wp:attachment":[{"href":"https:\/\/steamerproject.eu\/fr\/wp-json\/wp\/v2\/media?parent=8604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}