{"id":2629,"date":"2018-07-17T19:16:51","date_gmt":"2018-07-17T19:16:51","guid":{"rendered":"https:\/\/fantasythemes.net\/themes\/carstar\/?page_id=2629"},"modified":"2019-04-04T13:56:51","modified_gmt":"2019-04-04T13:56:51","slug":"flipclock-countdown","status":"publish","type":"page","link":"https:\/\/autoroyal.fantasythemes.net\/rentacar\/shortcodes\/flipclock-countdown\/","title":{"rendered":"FlipClock Countdown"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row css=&#8221;.vc_custom_1481322701504{padding-top: 90px !important;padding-bottom: 90px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1479749734388{padding-bottom: 10px !important;}&#8221;]\n\t<div class=\"autoroyal-entry-title-wrapper  vc_custom_1554386210339\">\n\t\t<div class=\"autoroyal-entry-title autoroyal-entry-title-align-center\">\n\t\t\t\t\t\t<h3 style=\"color: #2c425d\">Light Background<\/h3>\t\t\t<h5 style=\"color: #696969\">autoRoyal Elements<\/h5>\t\t<\/div>\n    <\/div>\n\n\t\n   \t<div class=\"autoroyal-flipclock autoroyal-flipclock-background-light autoroyal-flipclock-align- \">\n        \n        <div class=\"clock clock-id-6a28844a41db0\"><\/div>\n        \n        <script type=\"text\/javascript\">\n\n            var clock;\n            jQuery(document).ready(function() {\n\n                \/\/ Grab the current date\n                var currentDate = new Date();\n\n                \/\/ Show secconds\n                var showSeconds = true;\n\n                \n                var futureDate = Date.parse(\"2019\/09\/24 12:25:10\");\n\n                \/\/ Calculate the difference in seconds between the future and current date\n                var diff = futureDate.getTime() \/ 1000 - currentDate.getTime() \/ 1000;\n\n                \/\/ Instantiate a coutdown FlipClock\n                clock =  jQuery('.clock-id-6a28844a41db0').FlipClock(diff, {\n                    clockFace: 'DailyCounter',\n                    countdown: true,\n                    showSeconds: showSeconds\n                });\n            });\n\n        <\/script>\n\n    <\/div>\n\n    [\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1482496524288{padding-top: 60px !important;padding-bottom: 30px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1479749734388{padding-bottom: 10px !important;}&#8221;]\n\t<div class=\"autoroyal-entry-title-wrapper  vc_custom_1531856204969\">\n\t\t<div class=\"autoroyal-entry-title autoroyal-entry-title-align-center\">\n\t\t\t\t\t\t<h3 style=\"color: #2c425d\">Dark Background<\/h3>\t\t\t<h5 style=\"color: #696969\">autoroyal Shortcodes<\/h5>\t\t<\/div>\n    <\/div>\n\n\t[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1482496769032{margin-bottom: 120px !important;padding-top: 120px !important;padding-bottom: 120px !important;background-color: #202125 !important;}&#8221;][vc_column]\n   \t<div class=\"autoroyal-flipclock autoroyal-flipclock-background-dark autoroyal-flipclock-align- \">\n        \n        <div class=\"clock clock-id-6a28844a41e30\"><\/div>\n        \n        <script type=\"text\/javascript\">\n\n            var clock;\n            jQuery(document).ready(function() {\n\n                \/\/ Grab the current date\n                var currentDate = new Date();\n\n                \/\/ Show secconds\n                var showSeconds = true;\n\n                \n                var futureDate = Date.parse(\"2019\/09\/24 12:25:10\");\n\n                \/\/ Calculate the difference in seconds between the future and current date\n                var diff = futureDate.getTime() \/ 1000 - currentDate.getTime() \/ 1000;\n\n                \/\/ Instantiate a coutdown FlipClock\n                clock =  jQuery('.clock-id-6a28844a41e30').FlipClock(diff, {\n                    clockFace: 'DailyCounter',\n                    countdown: true,\n                    showSeconds: showSeconds\n                });\n            });\n\n        <\/script>\n\n    <\/div>\n\n    [\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1481322701504{padding-top: 90px !important;padding-bottom: 90px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1479749734388{padding-bottom: 10px !important;}&#8221;]\n\t<div class=\"autoroyal-entry-title-wrapper  vc_custom_1531856189533\">\n\t\t<div class=\"autoroyal-entry-title autoroyal-entry-title-align-left\">\n\t\t\t\t\t\t<h3 style=\"color: #2c425d\">Align Left<\/h3>\t\t\t<h5 style=\"color: #696969\">autoroyal Shortcodes<\/h5>\t\t<\/div>\n    <\/div>\n\n\t\n   \t<div class=\"autoroyal-flipclock autoroyal-flipclock-background-light autoroyal-flipclock-align-left \">\n        \n        <div class=\"clock clock-id-6a28844a41e6f\"><\/div>\n        \n        <script type=\"text\/javascript\">\n\n            var clock;\n            jQuery(document).ready(function() {\n\n                \/\/ Grab the current date\n                var currentDate = new Date();\n\n                \/\/ Show secconds\n                var showSeconds = true;\n\n                \n                var futureDate = Date.parse(\"2019\/09\/24 12:25:10\");\n\n                \/\/ Calculate the difference in seconds between the future and current date\n                var diff = futureDate.getTime() \/ 1000 - currentDate.getTime() \/ 1000;\n\n                \/\/ Instantiate a coutdown FlipClock\n                clock =  jQuery('.clock-id-6a28844a41e6f').FlipClock(diff, {\n                    clockFace: 'DailyCounter',\n                    countdown: true,\n                    showSeconds: showSeconds\n                });\n            });\n\n        <\/script>\n\n    <\/div>\n\n    [\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1481322701504{padding-top: 90px !important;padding-bottom: 90px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1479749734388{padding-bottom: 10px !important;}&#8221;]\n\t<div class=\"autoroyal-entry-title-wrapper  vc_custom_1531856181163\">\n\t\t<div class=\"autoroyal-entry-title autoroyal-entry-title-align-right\">\n\t\t\t\t\t\t<h3 style=\"color: #2c425d\">Align Right<\/h3>\t\t\t<h5 style=\"color: #696969\">autoroyal Shortcodes<\/h5>\t\t<\/div>\n    <\/div>\n\n\t\n   \t<div class=\"autoroyal-flipclock autoroyal-flipclock-background-light autoroyal-flipclock-align-right \">\n        \n        <div class=\"clock clock-id-6a28844a41f07\"><\/div>\n        \n        <script type=\"text\/javascript\">\n\n            var clock;\n            jQuery(document).ready(function() {\n\n                \/\/ Grab the current date\n                var currentDate = new Date();\n\n                \/\/ Show secconds\n                var showSeconds = true;\n\n                \n                var futureDate = Date.parse(\"2019\/09\/24 12:25:10\");\n\n                \/\/ Calculate the difference in seconds between the future and current date\n                var diff = futureDate.getTime() \/ 1000 - currentDate.getTime() \/ 1000;\n\n                \/\/ Instantiate a coutdown FlipClock\n                clock =  jQuery('.clock-id-6a28844a41f07').FlipClock(diff, {\n                    clockFace: 'DailyCounter',\n                    countdown: true,\n                    showSeconds: showSeconds\n                });\n            });\n\n        <\/script>\n\n    <\/div>\n\n    [\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1481322701504{padding-top: 90px !important;padding-bottom: 90px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1479749734388{padding-bottom: 10px !important;}&#8221;]\n\t<div class=\"autoroyal-entry-title-wrapper  vc_custom_1531856174300\">\n\t\t<div class=\"autoroyal-entry-title autoroyal-entry-title-align-center\">\n\t\t\t\t\t\t<h3 style=\"color: #2c425d\">Hide Seconds<\/h3>\t\t\t<h5 style=\"color: #696969\">autoroyal Shortcodes<\/h5>\t\t<\/div>\n    <\/div>\n\n\t\n   \t<div class=\"autoroyal-flipclock autoroyal-flipclock-background-light autoroyal-flipclock-align- \">\n        \n        <div class=\"clock clock-id-6a28844a41f69\"><\/div>\n        \n        <script type=\"text\/javascript\">\n\n            var clock;\n            jQuery(document).ready(function() {\n\n                \/\/ Grab the current date\n                var currentDate = new Date();\n\n                \/\/ Show secconds\n                var showSeconds = true;\n\n                                    showSeconds = false;\n                \n                var futureDate = Date.parse(\"2019\/09\/24 12:25:10\");\n\n                \/\/ Calculate the difference in seconds between the future and current date\n                var diff = futureDate.getTime() \/ 1000 - currentDate.getTime() \/ 1000;\n\n                \/\/ Instantiate a coutdown FlipClock\n                clock =  jQuery('.clock-id-6a28844a41f69').FlipClock(diff, {\n                    clockFace: 'DailyCounter',\n                    countdown: true,\n                    showSeconds: showSeconds\n                });\n            });\n\n        <\/script>\n\n    <\/div>\n\n    [\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1481322701504{padding-top: 90px !important;padding-bottom: 90px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1479749734388{padding-bottom: 10px !important;}&#8221;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1482496524288{padding-top: 60px !important;padding-bottom: 30px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1479749734388{padding-bottom: 10px !important;}&#8221;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1482496769032{margin-bottom: 120px !important;padding-top: 120px !important;padding-bottom: 120px !important;background-color: #202125 !important;}&#8221;][vc_column][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1481322701504{padding-top: 90px !important;padding-bottom: 90px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1479749734388{padding-bottom: 10px !important;}&#8221;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1481322701504{padding-top: 90px !important;padding-bottom: 90px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1479749734388{padding-bottom: 10px !important;}&#8221;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1481322701504{padding-top: 90px !important;padding-bottom: 90px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1479749734388{padding-bottom: 10px !important;}&#8221;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2638,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-full-width.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-2629","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/autoroyal.fantasythemes.net\/rentacar\/wp-json\/wp\/v2\/pages\/2629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/autoroyal.fantasythemes.net\/rentacar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/autoroyal.fantasythemes.net\/rentacar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/autoroyal.fantasythemes.net\/rentacar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/autoroyal.fantasythemes.net\/rentacar\/wp-json\/wp\/v2\/comments?post=2629"}],"version-history":[{"count":0,"href":"https:\/\/autoroyal.fantasythemes.net\/rentacar\/wp-json\/wp\/v2\/pages\/2629\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/autoroyal.fantasythemes.net\/rentacar\/wp-json\/wp\/v2\/pages\/2638"}],"wp:attachment":[{"href":"https:\/\/autoroyal.fantasythemes.net\/rentacar\/wp-json\/wp\/v2\/media?parent=2629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}