{"id":28560,"date":"2023-03-12T01:53:14","date_gmt":"2023-03-12T01:53:14","guid":{"rendered":"http:\/\/parsian-ppm.com\/?page_id=28560"},"modified":"2023-03-12T03:01:30","modified_gmt":"2023-03-12T03:01:30","slug":"0-0","status":"publish","type":"page","link":"https:\/\/parsian-ppm.com\/index.php\/0-0\/","title":{"rendered":"00"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\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
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\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
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n \r\n\r\n Time-up Counter<\/title>\r\n <style>\r\n .black-box {\r\n background-color: black;\r\n color: white;\r\n width: 900px;\r\n height: 100px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 24px;\r\n font-family: Arial, sans-serif;\r\n margin: 10px;\r\n }\r\n .gray-box {\r\n background-color: gray;\r\n }\r\n .row {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"row\">\r\n <div class=\"black-box\">\r\n <p id=\"counter1\"><\/p>\r\n <\/div>\r\n <div class=\"black-box gray-box\">\r\n <p id=\"counter2\"><\/p>\r\n <\/div>\r\n <div class=\"black-box\">\r\n <p id=\"counter3\"><\/p>\r\n <\/div>\r\n <div class=\"black-box gray-box\">\r\n <p id=\"counter4\"><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Set the target dates\r\n const targetDate1 = new Date('June 8, 2020 00:00:00').getTime();\r\n const targetDate2 = new Date('September 23, 2019 00:00:00').getTime();\r\n const targetDate3 = new Date('November 8, 2016 00:00:00').getTime();\r\n const targetDate4 = new Date('November 23, 2009 00:00:00').getTime();\r\n\r\n \/\/ Update the counters every second\r\n setInterval(() => {\r\n \/\/ Get the current date and time\r\n const now = new Date().getTime();\r\n\r\n \/\/ Calculate the differences in milliseconds between now and the target dates\r\n const difference1 = now - targetDate1;\r\n const difference2 = now - targetDate2;\r\n const difference3 = now - targetDate3;\r\n const difference4 = now - targetDate4;\r\n\r\n \/\/ Calculate the days, hours, minutes, and seconds from the differences\r\n const days1 = Math.floor(difference1 \/ (1000 * 60 * 60 * 24));\r\n const hours1 = Math.floor((difference1 % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n const minutes1 = Math.floor((difference1 % (1000 * 60 * 60)) \/ (1000 * 60));\r\n const seconds1 = Math.floor((difference1 % (1000 * 60)) \/ 1000);\r\n\r\n const days2 = Math.floor(difference2 \/ (1000 * 60 * 60 * 24));\r\n const hours2 = Math.floor((difference2 % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n const minutes2 = Math.floor((difference2 % (1000 * 60 * 60)) \/ (1000 * 60));\r\n const seconds2 = Math.floor((difference2 % (1000 * 60)) \/ 1000);\r\n\r\n const days3 = Math.floor(difference3 \/ (1000 * 60 * 60 * 24));\r\n const hours3 = Math.floor((difference3 % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n const minutes3 = Math.floor((difference3 % (1000 * 60 * 60)) \/ (1000 * 60));\r\n const seconds3 = Math.floor((difference3 % (1000 * 60)) \/ 1000);\r\n\r\n const days4 = Math.floor(difference4 \/ (1000 * 60 * 60 * 24));\r\n const hours4 = Math.floor((difference4 % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n const minutes4 = Math.floor((difference4 % (1000 * 60 * 60)) \/ (1000 * 60));\r\n const seconds4 = Math.floor((difference4 % (1000 * 60)) \/ 1000);\r\n\r\n \/\/ Update the HTML elements with the calculated time differences\r\n document.getElementById('counter1').innerHTML = `KS June 8, 2020: ${days1} days, ${hours1} hours, ${minutes1} minutes, ${seconds1} seconds`;\r\n document.getElementById('counter2').innerHTML = `MM September 23, 2019: ${days2} days, ${hours2} hours, ${minutes2} minutes, ${seconds2} seconds`;\r\n document.getElementById('counter3').innerHTML = `MS November 8, 2016: ${days3} days, ${hours3} hours, ${minutes3} minutes, ${seconds3} seconds`;\r\n document.getElementById('counter4').innerHTML = `MK November 23, 2009: ${days4} days, ${hours4} hours, ${minutes4} minutes, ${seconds4} seconds`;\r\n }, 1000); \/\/ Repeat the update every 1 second\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\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\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-c7ac90f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c7ac90f\" data-element_type=\"section\" data-e-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-0faaaf2\" data-id=\"0faaaf2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-1b5dc1a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1b5dc1a\" data-element_type=\"section\" data-e-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-inner-column elementor-element elementor-element-7e82f2d elementor-invisible\" data-id=\"7e82f2d\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic","animation":"slideInRight"}\">\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-ec18331 elementor-widget elementor-widget-html\" data-id=\"ec18331\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<!-- \r\n HK 2021-\r\n KS 2020\r\n AA 2019--\r\n MM 2019---\r\n AS 2019-----\r\n NS 2018\r\n AR 2017----\r\n AK 2017-\r\n MS 2016\r\n FF 2010--\r\n MK 2009-\r\n\r\n--> \r\n<head>\r\n <title>Time-up Counter<\/title>\r\n <style>\r\n .black-box {\r\n background-color: black;\r\n color: white;\r\n width: 900px;\r\n height: 100px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 24px;\r\n font-family: Arial, sans-serif;\r\n margin: 10px;\r\n }\r\n .gray-box {\r\n background-color: gray;\r\n }\r\n .row {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"row\">\r\n <div class=\"black-box\">\r\n <p id=\"counter1\"><\/p>\r\n <\/div>\r\n <div class=\"black-box gray-box\">\r\n <p id=\"counter2\"><\/p>\r\n <\/div>\r\n <div class=\"black-box\">\r\n <p id=\"counter3\"><\/p>\r\n <\/div>\r\n <div class=\"black-box gray-box\">\r\n <p id=\"counter4\"><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Set the target dates\r\n const targetDate1 = new Date('June 8, 2020 00:00:00').getTime();\r\n const targetDate2 = new Date('September 23, 2019 00:00:00').getTime();\r\n const targetDate3 = new Date('November 8, 2016 00:00:00').getTime();\r\n const targetDate4 = new Date('November 23, 2009 00:00:00').getTime();\r\n\r\n \/\/ Update the counters every second\r\n setInterval(() => {\r\n \/\/ Get the current date and time\r\n const now = new Date().getTime();\r\n\r\n \/\/ Calculate the differences in milliseconds between now and the target dates\r\n const difference1 = now - targetDate1;\r\n const difference2 = now - targetDate2;\r\n const difference3 = now - targetDate3;\r\n const difference4 = now - targetDate4;\r\n\r\n \/\/ Calculate the days, hours, minutes, and seconds from the differences\r\n const days1 = Math.floor(difference1 \/ (1000 * 60 * 60 * 24));\r\n const hours1 = Math.floor((difference1 % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n const minutes1 = Math.floor((difference1 % (1000 * 60 * 60)) \/ (1000 * 60));\r\n const seconds1 = Math.floor((difference1 % (1000 * 60)) \/ 1000);\r\n\r\n const days2 = Math.floor(difference2 \/ (1000 * 60 * 60 * 24));\r\n const hours2 = Math.floor((difference2 % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n const minutes2 = Math.floor((difference2 % (1000 * 60 * 60)) \/ (1000 * 60));\r\n const seconds2 = Math.floor((difference2 % (1000 * 60)) \/ 1000);\r\n\r\n const days3 = Math.floor(difference3 \/ (1000 * 60 * 60 * 24));\r\n const hours3 = Math.floor((difference3 % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n const minutes3 = Math.floor((difference3 % (1000 * 60 * 60)) \/ (1000 * 60));\r\n const seconds3 = Math.floor((difference3 % (1000 * 60)) \/ 1000);\r\n\r\n const days4 = Math.floor(difference4 \/ (1000 * 60 * 60 * 24));\r\n const hours4 = Math.floor((difference4 % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n const minutes4 = Math.floor((difference4 % (1000 * 60 * 60)) \/ (1000 * 60));\r\n const seconds4 = Math.floor((difference4 % (1000 * 60)) \/ 1000);\r\n\r\n \/\/ Update the HTML elements with the calculated time differences\r\n document.getElementById('counter1').innerHTML = `KS June 8, 2020: ${days1} days, ${hours1} hours, ${minutes1} minutes, ${seconds1} seconds`;\r\n document.getElementById('counter2').innerHTML = `MM September 23, 2019: ${days2} days, ${hours2} hours, ${minutes2} minutes, ${seconds2} seconds`;\r\n document.getElementById('counter3').innerHTML = `MS November 8, 2016: ${days3} days, ${hours3} hours, ${minutes3} minutes, ${seconds3} seconds`;\r\n document.getElementById('counter4').innerHTML = `MK November 23, 2009: ${days4} days, ${hours4} hours, ${minutes4} minutes, ${seconds4} seconds`;\r\n }, 1000); \/\/ Repeat the update every 1 second\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\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\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-78d28a2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"78d28a2\" data-element_type=\"section\" data-e-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-37a526c\" data-id=\"37a526c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\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>Time-up Counter Time-up Counter<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-28560","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/parsian-ppm.com\/index.php\/wp-json\/wp\/v2\/pages\/28560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/parsian-ppm.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/parsian-ppm.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/parsian-ppm.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/parsian-ppm.com\/index.php\/wp-json\/wp\/v2\/comments?post=28560"}],"version-history":[{"count":78,"href":"https:\/\/parsian-ppm.com\/index.php\/wp-json\/wp\/v2\/pages\/28560\/revisions"}],"predecessor-version":[{"id":28642,"href":"https:\/\/parsian-ppm.com\/index.php\/wp-json\/wp\/v2\/pages\/28560\/revisions\/28642"}],"wp:attachment":[{"href":"https:\/\/parsian-ppm.com\/index.php\/wp-json\/wp\/v2\/media?parent=28560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}