{"id":1370,"date":"2017-02-13T15:02:48","date_gmt":"2017-02-13T15:02:48","guid":{"rendered":"http:\/\/test.kriesi.at\/enfold-2017\/?page_id=1370"},"modified":"2024-04-11T06:36:35","modified_gmt":"2024-04-11T06:36:35","slug":"animated-countdown","status":"publish","type":"page","link":"https:\/\/kriesi.at\/themes\/enfold-2017\/elements\/animated-countdown\/","title":{"rendered":"Animated Countdown"},"content":{"rendered":"\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-izxq8a-8a32fd020fe7e45d0c43eb6a1117a316\">\n.avia-section.av-izxq8a-8a32fd020fe7e45d0c43eb6a1117a316{\nbackground-repeat:no-repeat;\nbackground-image:url(https:\/\/kriesi.at\/themes\/enfold-2017\/wp-content\/uploads\/sites\/66\/2017\/02\/business-office-work-blurred.jpg);\nbackground-position:0% 0%;\nbackground-attachment:scroll;\n}\n.avia-section.av-izxq8a-8a32fd020fe7e45d0c43eb6a1117a316 .av-section-color-overlay{\nopacity:0.8;\nbackground-color:#000000;\n}\n<\/style>\n<div id='av_section_1'  class='avia-section av-izxq8a-8a32fd020fe7e45d0c43eb6a1117a316 main_color avia-section-default avia-no-shadow  avia-builder-el-0  el_before_av_heading  avia-builder-el-first  avia-bg-style-scroll av-section-color-overlay-active container_wrap sidebar_right'  data-section-bg-repeat='no-repeat'><div class=\"av-section-color-overlay-wrap\"><div class=\"av-section-color-overlay\"><\/div><div class='container av-section-cont-open' ><main  role=\"main\" itemprop=\"mainContentOfPage\"  class='template-page content  av-content-small alpha units'><div class='post-entry post-entry-type-page post-entry-1370'><div class='entry-content-wrapper clearfix'>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-h54w5m-9237aaa29868c5913535e766a0263331\">\n.flex_column.av-h54w5m-9237aaa29868c5913535e766a0263331{\nborder-radius:0px 0px 0px 0px;\npadding:100px 100px 100px 100px;\n}\n<\/style>\n<div  class='flex_column av-h54w5m-9237aaa29868c5913535e766a0263331 av_one_full  avia-builder-el-1  avia-builder-el-no-sibling  first flex_column_div  '     ><div  class='av-countdown-timer av-f2lune-a14bdbfa97120c7cdca4776e90c616f0 av-align-center av-trans-light-style av-classic-numbers  avia-builder-el-2  avia-builder-el-no-sibling '  data-year=' 2025' data-month='2' data-day=' 01 ' data-hour='12' data-minute='0' data-timezone='0' data-interval='1000' data-maximum='5' ><span class='av-countdown-timer-inner'><span class='av-countdown-cell av-countdown-weeks'><span class='av-countdown-cell-inner'><span class='av-countdown-time' data-upate-width='weeks'>0<\/span><span class='av-countdown-time-label' data-label='Week' data-label-multi='Weeks'>Weeks<\/span><\/span><\/span><span class='av-countdown-cell av-countdown-days'><span class='av-countdown-cell-inner'><span class='av-countdown-time' data-upate-width='days'>0<\/span><span class='av-countdown-time-label' data-label='Day' data-label-multi='Days'>Days<\/span><\/span><\/span><span class='av-countdown-cell av-countdown-hours'><span class='av-countdown-cell-inner'><span class='av-countdown-time' data-upate-width='hours'>0<\/span><span class='av-countdown-time-label' data-label='Hour' data-label-multi='Hours'>Hours<\/span><\/span><\/span><span class='av-countdown-cell av-countdown-minutes'><span class='av-countdown-cell-inner'><span class='av-countdown-time' data-upate-width='minutes'>0<\/span><span class='av-countdown-time-label' data-label='Minute' data-label-multi='Minutes'>Minutes<\/span><\/span><\/span><span class='av-countdown-cell av-countdown-seconds'><span class='av-countdown-cell-inner'><span class='av-countdown-time' data-upate-width='seconds'>0<\/span><span class='av-countdown-time-label' data-label='Second' data-label-multi='Seconds'>Seconds<\/span><\/span><\/span><\/span><\/div><\/div><\/div><\/div><\/main><!-- close content main element --><\/div><\/div><\/div><div id='after_section_1'  class='main_color av_default_container_wrap container_wrap sidebar_right'  ><div class='container av-section-cont-open' ><div class='template-page content  av-content-small alpha units'><div class='post-entry post-entry-type-page post-entry-1370'><div class='entry-content-wrapper clearfix'>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-8hgfe-2d615f6d71e18ed2df15494116d8a1d0\">\n#top .av-special-heading.av-8hgfe-2d615f6d71e18ed2df15494116d8a1d0{\npadding-bottom:0;\ncolor:#000000;\nfont-size:40px;\n}\nbody .av-special-heading.av-8hgfe-2d615f6d71e18ed2df15494116d8a1d0 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n#top #wrap_all .av-special-heading.av-8hgfe-2d615f6d71e18ed2df15494116d8a1d0 .av-special-heading-tag{\nfont-size:40px;\n}\n.av-special-heading.av-8hgfe-2d615f6d71e18ed2df15494116d8a1d0 .special-heading-inner-border{\nborder-color:#000000;\n}\n.av-special-heading.av-8hgfe-2d615f6d71e18ed2df15494116d8a1d0 .av-subheading{\nfont-size:15px;\n}\n\n@media only screen and (min-width: 480px) and (max-width: 767px){ \n#top #wrap_all .av-special-heading.av-8hgfe-2d615f6d71e18ed2df15494116d8a1d0 .av-special-heading-tag{\nfont-size:0.8em;\n}\n}\n\n@media only screen and (max-width: 479px){ \n#top #wrap_all .av-special-heading.av-8hgfe-2d615f6d71e18ed2df15494116d8a1d0 .av-special-heading-tag{\nfont-size:0.8em;\n}\n}\n<\/style>\n<div  class='av-special-heading av-8hgfe-2d615f6d71e18ed2df15494116d8a1d0 av-special-heading-h1 custom-color-heading blockquote modern-quote  avia-builder-el-3  el_after_av_section  el_before_av_textblock  avia-builder-el-first  av-inherit-size'><h1 class='av-special-heading-tag '  itemprop=\"headline\"  >Animated Countdown<\/h1><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div><\/p>\n<section  class='av_textblock_section av-c3byve-04986932f1388207b2a83e37890031ed '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock'  itemprop=\"text\" ><p>The animated countdown allows you to set a date in the future and display a block of numbers that is counting down each second, minute or hour.<\/p>\n<\/div><\/section>\n<div  class='av-countdown-timer av-agh20a-0b2eae39d4830a6eab87b6ac726e1176 av-align-center av-default-style av-classic-numbers  avia-builder-el-5  el_after_av_textblock  el_before_av_textblock '  data-year=' 2025' data-month='3' data-day=' 04 ' data-hour='12' data-minute='0' data-timezone='0' data-interval='1000' data-maximum='5' ><span class='av-countdown-timer-inner'><span class='av-countdown-cell av-countdown-weeks'><span class='av-countdown-cell-inner'><span class='av-countdown-time' data-upate-width='weeks'>0<\/span><span class='av-countdown-time-label' data-label='Week' data-label-multi='Weeks'>Weeks<\/span><\/span><\/span><span class='av-countdown-cell av-countdown-days'><span class='av-countdown-cell-inner'><span class='av-countdown-time' data-upate-width='days'>0<\/span><span class='av-countdown-time-label' data-label='Day' data-label-multi='Days'>Days<\/span><\/span><\/span><span class='av-countdown-cell av-countdown-hours'><span class='av-countdown-cell-inner'><span class='av-countdown-time' data-upate-width='hours'>0<\/span><span class='av-countdown-time-label' data-label='Hour' data-label-multi='Hours'>Hours<\/span><\/span><\/span><span class='av-countdown-cell av-countdown-minutes'><span class='av-countdown-cell-inner'><span class='av-countdown-time' data-upate-width='minutes'>0<\/span><span class='av-countdown-time-label' data-label='Minute' data-label-multi='Minutes'>Minutes<\/span><\/span><\/span><span class='av-countdown-cell av-countdown-seconds'><span class='av-countdown-cell-inner'><span class='av-countdown-time' data-upate-width='seconds'>0<\/span><span class='av-countdown-time-label' data-label='Second' data-label-multi='Seconds'>Seconds<\/span><\/span><\/span><\/span><\/div>\n<section  class='av_textblock_section av-z817e-22d3207922904bf8b487a965d5f176c8 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock'  itemprop=\"text\" ><p>The element got several predefined styles that you can choose from such as a default style or transparent light or dark styles that work well when used above images or colourful content.<\/p>\n<\/div><\/section>\n<div  class='av-countdown-timer av-7q2quy-dab7aaa6dddc7ddbd543f09e0a248ac6 av-align-center av-trans-dark-style av-classic-numbers  avia-builder-el-7  el_after_av_textblock  el_before_av_textblock '  data-year=' 2024' data-month='11' data-day=' 06 ' data-hour='12' data-minute='0' data-timezone='0' data-interval='1000' data-maximum='4' ><span class='av-countdown-timer-inner'><span class='av-countdown-cell av-countdown-days'><span class='av-countdown-cell-inner'><span class='av-countdown-time' data-upate-width='days'>0<\/span><span class='av-countdown-time-label' data-label='Day' data-label-multi='Days'>Days<\/span><\/span><\/span><span class='av-countdown-cell av-countdown-hours'><span class='av-countdown-cell-inner'><span class='av-countdown-time' data-upate-width='hours'>0<\/span><span class='av-countdown-time-label' data-label='Hour' data-label-multi='Hours'>Hours<\/span><\/span><\/span><span class='av-countdown-cell av-countdown-minutes'><span class='av-countdown-cell-inner'><span class='av-countdown-time' data-upate-width='minutes'>0<\/span><span class='av-countdown-time-label' data-label='Minute' data-label-multi='Minutes'>Minutes<\/span><\/span><\/span><span class='av-countdown-cell av-countdown-seconds'><span class='av-countdown-cell-inner'><span class='av-countdown-time' data-upate-width='seconds'>0<\/span><span class='av-countdown-time-label' data-label='Second' data-label-multi='Seconds'>Seconds<\/span><\/span><\/span><\/span><\/div>\n<section  class='av_textblock_section av-5uwme2-56d8ee48e7609ce55f52874b448f2df3 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Below you can see a countdown element inside a content column with a light blue background. The countdown is set to display as white and transparent.<\/p>\n<\/div><\/section>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-4vj9ca-bb4eca238c20508cdad26fffe8f23603\">\n#top .flex_column.av-4vj9ca-bb4eca238c20508cdad26fffe8f23603{\nmargin-top:0px;\nmargin-bottom:0px;\n}\n.flex_column.av-4vj9ca-bb4eca238c20508cdad26fffe8f23603{\nborder-radius:0px 0px 0px 0px;\npadding:100px 100px 100px 100px;\nbackground-color:#9cc2df;\n}\n.responsive #top #wrap_all .flex_column.av-4vj9ca-bb4eca238c20508cdad26fffe8f23603{\nmargin-top:0px;\nmargin-bottom:0px;\n}\n<\/style>\n<div  class='flex_column av-4vj9ca-bb4eca238c20508cdad26fffe8f23603 av_one_full  avia-builder-el-9  el_after_av_textblock  avia-builder-el-last  first flex_column_div avia-full-stretch  column-top-margin'     ><div  class='av-countdown-timer av-2z4rne-8fbea579223617d08164eb9ccfb83d3d av-align-center av-trans-light-style av-classic-numbers  avia-builder-el-10  avia-builder-el-no-sibling '  data-year=' 2025' data-month='4' data-day=' 02 ' data-hour='12' data-minute='0' data-timezone='0' data-interval='60000' data-maximum='4' ><span class='av-countdown-timer-inner'><span class='av-countdown-cell av-countdown-days'><span class='av-countdown-cell-inner'><span class='av-countdown-time' data-upate-width='days'>0<\/span><span class='av-countdown-time-label' data-label='Day' data-label-multi='Days'>Days<\/span><\/span><\/span><span class='av-countdown-cell av-countdown-hours'><span class='av-countdown-cell-inner'><span class='av-countdown-time' data-upate-width='hours'>0<\/span><span class='av-countdown-time-label' data-label='Hour' data-label-multi='Hours'>Hours<\/span><\/span><\/span><span class='av-countdown-cell av-countdown-minutes'><span class='av-countdown-cell-inner'><span class='av-countdown-time' data-upate-width='minutes'>0<\/span><span class='av-countdown-time-label' data-label='Minute' data-label-multi='Minutes'>Minutes<\/span><\/span><\/span><\/span><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":606,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1370","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kriesi.at\/themes\/enfold-2017\/wp-json\/wp\/v2\/pages\/1370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kriesi.at\/themes\/enfold-2017\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kriesi.at\/themes\/enfold-2017\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kriesi.at\/themes\/enfold-2017\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kriesi.at\/themes\/enfold-2017\/wp-json\/wp\/v2\/comments?post=1370"}],"version-history":[{"count":0,"href":"https:\/\/kriesi.at\/themes\/enfold-2017\/wp-json\/wp\/v2\/pages\/1370\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/kriesi.at\/themes\/enfold-2017\/wp-json\/wp\/v2\/pages\/606"}],"wp:attachment":[{"href":"https:\/\/kriesi.at\/themes\/enfold-2017\/wp-json\/wp\/v2\/media?parent=1370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}