{"id":553,"date":"2024-02-05T01:56:29","date_gmt":"2024-02-05T01:56:29","guid":{"rendered":"https:\/\/www.funny-party-games.com\/2024\/02\/05\/decompte-avec-gong-2\/"},"modified":"2024-07-24T05:27:07","modified_gmt":"2024-07-24T12:27:07","slug":"countdown-timer-with-final-gong","status":"publish","type":"post","link":"https:\/\/www.funny-party-games.com\/en\/tools-game\/countdown-timer-with-final-gong\/","title":{"rendered":"Countdown timer with final gong"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"553\" class=\"elementor elementor-553\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6379fd72 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6379fd72\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-71ebdfe3\" data-id=\"71ebdfe3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2c00bec0 elementor-widget elementor-widget-heading\" data-id=\"2c00bec0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h1 class=\"elementor-heading-title elementor-size-default\">Countdown timer<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-22e3b856\" data-id=\"22e3b856\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-70f7ad56 elementor-widget__width-auto elementor-widget elementor-widget-text-editor\" data-id=\"70f7ad56\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>by<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46573c5f elementor-widget__width-auto elementor-widget elementor-widget-image\" data-id=\"46573c5f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.funny-party-games.com\" target=\"_blank\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"212\" height=\"121\" src=\"https:\/\/www.funny-party-games.com\/en\/app\/uploads\/2024\/02\/Funny_party_games_fu_pa_ga_logo.webp\" class=\"attachment-medium size-medium wp-image-39\" alt=\"\" srcset=\"https:\/\/www.funny-party-games.com\/en\/app\/uploads\/2024\/02\/Funny_party_games_fu_pa_ga_logo.webp 212w, https:\/\/www.funny-party-games.com\/en\/app\/uploads\/2024\/02\/Funny_party_games_fu_pa_ga_logo-18x10.webp 18w\" sizes=\"(max-width: 212px) 100vw, 212px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8340636 elementor-section-full_width elementor-section-height-full elementor-section-height-default elementor-section-items-middle\" data-id=\"8340636\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9a7d7f7\" data-id=\"9a7d7f7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6b265c5e elementor-widget elementor-widget-shortcode\" data-id=\"6b265c5e\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"fupaga-timer\">\r\n\t<div id='div-timer'>180<\/div>\r\n\t<div class=\"elementor-widget-container input\">\r\n\t\t<label>Duration:<\/label><input type='number' id='input-timer-from' value=\"180\" min=\"0\" \/>\r\n\t\t<div class=\"elementor-icon\" id=\"btn-timer-start\"><i aria-hidden=\"true\" class=\"fas fa-play\"><\/i><\/div> <div class=\"elementor-icon\" id=\"btn-timer-reset\"><i aria-hidden=\"true\" class=\"fas fa-undo\"><\/i><\/div>\r\n\t<\/div>\r\n\t<audio id=\"audio-10s\" loop src='https:\/\/www.funny-party-games.com\/en\/app\/uploads\/ding-36029.mp3'><\/audio>\r\n\t<audio id=\"audio-stop\" src='https:\/\/www.funny-party-games.com\/en\/app\/uploads\/gong-106628.mp3'><\/audio>\r\n<\/div>\r\n<style>\r\n\t.fupaga-timer {\r\n\t\tfont-family: \"Dosis\", Sans-serif;\r\n\t}\r\n\t.fupaga-timer #div-timer {\r\n\t\tfont-size: 6em;\r\n\t\ttext-align: center;\r\n\t\tcolor: #333333;\r\n\t}\r\n\t.fupaga-timer #div-timer:after {\r\n\t\tcontent: 's';\r\n\t}\r\n\t.fupaga-timer .elementor-widget-container {\r\n\t\t--e-transform-translateX:61px;\r\n\t\t--e-transform-translateY:-73px;\r\n\t\twidth: 100%;\r\n\t}\r\n\t.fupaga-timer .elementor-widget-container.input {\r\n\t\ttext-align: center;\r\n\t\tmargin-top: 3em;\r\n\t}\r\n\t.fupaga-timer .elementor-widget-container.input label {\r\n\t\tmargin-right: 1em;\r\n\t}\r\n\t.fupaga-timer .elementor-icon {\r\n\t\tcolor: #6750FE;\r\n\t\tfont-size: 23px;\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: middle;\r\n\t\tmargin-left: 0.5em;\r\n\t}\r\n\t.fupaga-timer .elementor-icon:hover {\r\n\t\tcursor: pointer;\r\n\t}\r\n\t.fupaga-timer input {\r\n\t\twidth: 6em;\r\n\t\ttext-align: center;\r\n\t\tborder-radius: 8px;\r\n\t\tline-height: 1.2em;\r\n\t\tfont-size: 1em;\r\n\t}\r\n<\/style>\r\n<script>\r\n\t(function($) {\r\n\r\n\t\tvar fupaga_timer_current_value = 0;\r\n\t\tvar fupagaTimerIntervalId = null;\r\n\r\n\t\t$('.fupaga-timer .elementor-widget-container.input input').on('change', function() {\r\n\t\t\tvar value = parseInt(this.value);\r\n\t\t\tif(value < 0) {\r\n\t\t\t\tvalue = 0;\r\n\t\t\t}\r\n\t\t\t$('.fupaga-timer #div-timer').html(value);\r\n\t\t\tclearInterval(fupagaTimerIntervalId);\r\n\t\t\tfupagaTimerIntervalId = null;\r\n\t\t});\r\n\r\n\t\t$('#btn-timer-start').on('click', function(){\r\n\r\n\t\t\tfupaga_timer_current_value = parseInt($('.fupaga-timer #div-timer').html());\r\n\t\t\t\r\n\t\t\tif ( !isNaN(fupaga_timer_current_value) && (fupagaTimerIntervalId == null) ) {\r\n\t\t\t\t\/\/console.log('START: '+fupaga_timer_current_value);\r\n\r\n\t\t\t\tfupagaTimerIntervalId = setInterval(function() {\r\n\t\t\t\t\tif(fupaga_timer_current_value > 0) {\r\n\t\t\t\t\t\tfupaga_timer_current_value--;\r\n\t\t\t\t\t\tif(fupaga_timer_current_value == 10) {\r\n\t\t\t\t\t\t\tvar audio10s = $('#audio-10s');\r\n\t\t\t\t\t\t\taudio10s.get(0).play();\r\n\t\t\t\t\t\t} else if(fupaga_timer_current_value == 0) {\r\n\t\t\t\t\t\t\tvar audio10s = $('#audio-10s');\r\n\t\t\t\t\t\t\taudio10s.get(0).pause();\r\n\t\t\t\t\t\t\tvar audioStop = $('#audio-stop');\r\n\t\t\t\t\t\t\taudioStop.get(0).play();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\/\/console.log('LOOP, dicreased: '+fupaga_timer_current_value);\r\n\t\t\t\t\t\t$('.fupaga-timer #div-timer').html(fupaga_timer_current_value);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\/\/console.log('LOOP, stop');\r\n\t\t\t\t\t\tclearInterval(fupagaTimerIntervalId);\r\n\t\t\t\t\t}\r\n\t\t\t\t}, 1000);\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t});\r\n\r\n\t\t$('#btn-timer-reset').on('click', function(){\r\n\t\t\tvar value = $('.fupaga-timer .elementor-widget-container.input input').val();\r\n\t\t\tvalue = parseInt(value);\r\n\t\t\tif(value < 0) {\r\n\t\t\t\tvalue = 0;\r\n\t\t\t}\r\n\t\t\t\/\/console.log('RESET: '+value);\r\n\t\t\t$('.fupaga-timer #div-timer').html(value);\r\n\t\t\tclearInterval(fupagaTimerIntervalId);\r\n\t\t\tfupagaTimerIntervalId = null;\r\n\t\t\t\/\/console.log('CLEAR: '+fupagaTimerIntervalId);\r\n\t\t\t\r\n\t\t\treturn false;\r\n\t\t});\r\n\t})(jQuery);\r\n<\/script><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>A timer for your wildest games. Countdown with sound effects at the end of the countdown and the ability to choose the countdown duration.<\/p>\n","protected":false},"author":1,"featured_media":556,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"_acf_changed":false,"rank_math_lock_modified_date":false,"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"on","neve_meta_disable_footer":"on","neve_meta_disable_title":"","footnotes":""},"categories":[9],"tags":[],"class_list":["post-553","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tools-game"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.funny-party-games.com\/en\/wp-json\/wp\/v2\/posts\/553"}],"collection":[{"href":"https:\/\/www.funny-party-games.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.funny-party-games.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.funny-party-games.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.funny-party-games.com\/en\/wp-json\/wp\/v2\/comments?post=553"}],"version-history":[{"count":9,"href":"https:\/\/www.funny-party-games.com\/en\/wp-json\/wp\/v2\/posts\/553\/revisions"}],"predecessor-version":[{"id":4294,"href":"https:\/\/www.funny-party-games.com\/en\/wp-json\/wp\/v2\/posts\/553\/revisions\/4294"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.funny-party-games.com\/en\/wp-json\/wp\/v2\/media\/556"}],"wp:attachment":[{"href":"https:\/\/www.funny-party-games.com\/en\/wp-json\/wp\/v2\/media?parent=553"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.funny-party-games.com\/en\/wp-json\/wp\/v2\/categories?post=553"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.funny-party-games.com\/en\/wp-json\/wp\/v2\/tags?post=553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}