Viewing File: /home/ubuntu/fansforx_landing_ui/events/holiday-sale-halloween.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">
<title>Holiday Sale - Incredible Deals on White-Label Subscription-Based Apps</title>
<meta name="author" content="FansForx">
<meta name="description" content="Claim Flat 50% OFF on all our clone scripts. Get your OnlyFans Clone, Cameo Clone, and WhatNot Clone scripts with Incredible deals on this biggest holiday sale!">
<meta name="keywords" content="">
<link rel="canonical" href="https://fansforx.com/holiday-sale" />
<meta name="theme-color" content="#4ebc9e">
<meta property="og:title" content="Holiday Sale - Incredible Deals on White-Label Subscription-Based Apps" />
<meta property="og:description" content="Claim Flat 50% OFF on all our clone scripts. Get your OnlyFans Clone, Cameo Clone, and WhatNot Clone scripts with Incredible deals on this biggest holiday sale!" />
<meta property="og:image" content="https://fansforx.com/assets/img/holiday-sale/holiday-banner-img.png" />
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/img/favicon/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon/favicon-16x16.png">
<link rel="manifest" href="assets/img/favicon/site.webmanifest">
<link rel="mask-icon" href="assets/img/favicon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<!-- Bootstrap CSS -->
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<!-- Slider -->
<!-- Icon -->
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css" media='all'>
<!-- Animation -->
<!-- <link rel="stylesheet" type="text/css" href="assets/css/animate.min.css"> -->
<link href="assets/fonts/lineicons.css" rel="stylesheet">
<!-- Default Style CSS -->
<link rel="stylesheet" type="text/css" href="assets/css/default.min.css">
<!-- Responsive CSS -->
<link rel="stylesheet" type="text/css" href="assets/css/responsive.min.css">
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src='https://www.googletagmanager.com/gtag/js?id=G-V8KS8NJEMM'></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-V8KS8NJEMM');
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KC8CFQH');</script>
<!-- End Google Tag Manager -->
</head>
<body class="body-black">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KC8CFQH" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Start Header -->
<section class="home-banner-sec holiday-sale-1">
<div id="header">
</div>
</section>
<!-- End Header -->
<div class="holiday-top-banner-wrapper">
<div class="holiday-top-side-img-sec">
<picture>
<source class="lazyload holiday-top-side-img" type="image/png" srcset="assets/img/holiday-sale/hoiday-banner-side-halloween.png">
<img data-src="assets/img/holiday-sale/hoiday-banner-side-halloween.png" type="image/png" class="holiday-top-side-img lazyload" alt="onlyfans clone">
</picture>
</div>
<!-- <div class="holiday-circle-first holiday-circle-first-top">
<picture>
<source class="lazyload holiday-circle-img" type="image/png" srcset="assets/img/holiday-sale/top-bell-1.png">
<img data-src="assets/img/holiday-sale/top-bell-1.png" type="image/png" class="holiday-circle-img lazyload" alt="onlyfans clone">
</picture>
</div>
<div class="holiday-circle-second holiday-circle-second-top">
<picture>
<source class="lazyload holiday-circle-img" type="image/png" srcset="assets/img/holiday-sale/top-bell-2.png">
<img data-src="assets/img/holiday-sale/top-bell-2.png" type="image/png" class="holiday-circle-img lazyload" alt="onlyfans clone">
</picture>
</div>
<div class="holiday-circle-third holiday-circle-third-top">
<picture>
<source class="lazyload holiday-circle-img" type="image/png" srcset="assets/img/holiday-sale/top-bell-3.png">
<img data-src="assets/img/holiday-sale/top-bell-3.png" type="image/png" class="holiday-circle-img lazyload" alt="onlyfans clone">
</picture>
</div> -->
<div class="holiday-bat-img-sec">
<picture>
<source class="lazyload holiday-bat-img" type="image/png" srcset="assets/img/holiday-sale/holiday-bat-img.png">
<img data-src="assets/img/holiday-sale/holiday-bat-img.png" type="image/png" class="holiday-bat-img lazyload" alt="onlyfans clone">
</picture>
</div>
<div class="holiday-flat-off-sec">
<picture>
<source class="lazyload holiday-flat-off" type="image/png" srcset="assets/img/holiday-sale/holiday-flat-sale-img.png">
<img data-src="assets/img/holiday-sale/holiday-flat-sale-img.png" type="image/png" class="holiday-flat-off lazyload" alt="onlyfans clone">
</picture>
</div>
</div>
<section class="holiday-sale-sec">
<div class="container">
<div class="row align-items-end">
<div class="col-md-6 resp-mrg-btm-xs">
<!-- <div id="clockdiv-head">
<div class="counter-box text-white">
<h4 class="days"></h4>
<p class="smalltext">Days</p>
</div>
<div class="counter-box text-white">
<h4 class="hours"></h4>
<p class="smalltext">Hours</p>
</div>
<div class="counter-box text-white">
<h4 class="minutes"></h4>
<p class="smalltext">Minutes</p>
</div>
<div class="counter-box text-white">
<h4 class="seconds"></h4>
<p class="smalltext">Seconds</p>
</div>
</div> -->
<div class="holiday-banner-content">
<div class="holiday-comming-soon">
<!-- <picture>
<source class="lazyload holiday-comming-soon-img" type="image/png" srcset="assets/img/holiday-sale/comming-soon-img.png">
<img data-src="assets/img/holiday-sale/comming-soon-img.png" type="image/png" class="holiday-comming-soon-img lazyload" alt="">
</picture> -->
</div>
<h1>Biggest Halloween Sale</h1>
<p></p>
<div class="holiday-banner-btn-sec">
<a href="https://api.whatsapp.com/send?phone=+917760163989&text=I%27m%20interested%20in%20fansforx" target="_blank" class="btn holiday-btn-theme">Buy Now</a>
<a href="#contact-us" class="smooth btn holiday-theme-outline-btn">Request Demo</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="holiday-banner-img-sec">
<picture>
<source class="lazyload holiday-banner-img" type="image/png" srcset="assets/img/holiday-sale/holiday-banner-halloween.png">
<img data-src="assets/img/holiday-sale/holiday-banner-halloween.png" type="image/png" class="holiday-banner-img lazyload" alt="onlyfans clone">
</picture>
</div>
</div>
</div>
</div>
</section>
<section class="sm-padding">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="holiday-products-header-sale-sec">
<h2>Products</h2>
<h6>Unwrap Holiday Sale Deals</h6>
<!-- <p>
<span class="try-left-dots"></span>
Flat 50% OFF
<span class="try-right-dots"></span>
</p> -->
</div>
</div>
</div>
<div class="row margin-top-xl align-items-center">
<div class="col-md-6 resp-mrg-btm-xs">
<div class="holiday-product-img-sec padding-right">
<picture>
<source class="lazyload holiday-banner-img" type="image/png" srcset="assets/img/holiday-sale/only-fans.png">
<img data-src="assets/img/holiday-sale/only-fans.png" type="image/png" class="holiday-banner-img lazyload" alt="onlyfans clone">
</picture>
</div>
</div>
<div class="col-md-6">
<div class="holiday-product-info">
<div class="documentation-info">
<div class="documentation-icon-sec">
<img src="assets/img/only-fans-favicon.png" class="documentation-icon">
</div>
<h4>OnlyFans Clone</h4>
</div>
<p>Are you looking for a platform like OnlyFans to up your content-sharing game? Contact us to establish your business empire with the most profound OnlyFans clone app. Grab the opportunity now!</p>
<div class="holiday-sale-btn-sec">
<a href="https://fansforx.dpdcart.com/cart/add?product_id=212145&method_id=256994" class="btn holiday-btn-theme" target="_blank">Buy Now</a>
<a href="documentation" class="btn holiday-theme-outline-btn">Documentation</a>
<a href="https://fansforx.dpdcart.com/cart/add?product_id=217361&method_id=236896" class="btn holiday-theme-outline-btn" target="_blank">Free Download</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sm-padding bg-light-thin-new">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 resp-mrg-btm-xs">
<div class="holiday-product-info">
<div class="documentation-info">
<div class="documentation-icon-sec bg-white">
<img src="assets/img/whynot-favicon.png" class="documentation-icon">
</div>
<h4>WhatNot Clone</h4>
</div>
<p>Beat the competitors in the live streaming shopping app with your own app having the same yet better features of the WhatNot app. Collab with us to get your live-streaming shopping app now!</p>
<div class="holiday-sale-btn-sec">
<a href="https://fansforx.dpdcart.com/cart/add?product_id=212145&method_id=256994" class="btn holiday-btn-theme" target="_blank">Buy Now</a>
<a href="documentation" class="btn holiday-theme-outline-btn">Documentation</a>
<!-- <a href="https://fansforx.dpdcart.com/cart/add?product_id=217361&method_id=236896" class="btn holiday-theme-outline-btn" target="_blank">Free Download</a> -->
</div>
</div>
</div>
<div class="col-md-6">
<div class="holiday-product-img-sec padding-left">
<picture>
<source class="lazyload holiday-banner-img" type="image/png" srcset="assets/img/holiday-sale/whatnot-clone.png">
<img data-src="assets/img/holiday-sale/whatnot-clone.png" type="image/png" class="holiday-banner-img lazyload" alt="onlyfans clone">
</picture>
</div>
</div>
</div>
</div>
</section>
<section class="sm-padding">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 resp-mrg-btm-xs">
<div class="holiday-product-img-sec padding-right">
<picture>
<source class="lazyload holiday-banner-img" type="image/png" srcset="assets/img/holiday-sale/cameo-clone.png">
<img data-src="assets/img/holiday-sale/cameo-clone.png" type="image/png" class="holiday-banner-img lazyload" alt="onlyfans clone">
</picture>
</div>
</div>
<div class="col-md-6">
<div class="holiday-product-info">
<div class="documentation-info">
<div class="documentation-icon-sec">
<img src="assets/img/phoneo-favicon.png" class="documentation-icon">
</div>
<h4>Cameo Clone</h4>
</div>
<p>Are you thinking to redesign the premium celebrity video-sharing and messaging app for a better experience? Approach us and we will clone just the version you want.</p>
<div class="holiday-sale-btn-sec">
<a href="https://fansforx.dpdcart.com/cart/add?product_id=212145&method_id=256994" class="btn holiday-btn-theme" target="_blank">Buy Now</a>
<a href="documentation" class="btn holiday-theme-outline-btn">Documentation</a>
<!-- <a href="https://fansforx.dpdcart.com/cart/add?product_id=217361&method_id=236896" class="btn holiday-theme-outline-btn" target="_blank">Free Download</a> -->
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sm-padding contact-us-sec holiday-contact-us" id="contact-us">
<div class="container">
<div class="row margin-top-xl justify-content-md-center">
<div class="col-md-12">
<div class="row justify-content-md-center">
<div class="col-md-8 col-lg-9 text-center">
<div class="section-title">
<div class="title-before">
<h2>Contact Us</h2>
</div>
<p class="section-title-p">We’ll be glad to hear from you. Fill in your details and we’ll get back to you with irresistible business offers.</p>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<!-- contact us form start -->
<div id="contact-us-form"></div>
</div>
</div>
</div>
</section>
<!-- Start Footer Section -->
<div class="holiday-sale-footer-sec">
<div id="footer">
</div>
</div>
<div class="fixed-overlay" style="animation: pop 10s;"></div>
<div class="fixed-popup-sec halloween-popup-sec" style="animation: pop 10s;">
<div class="fixed-overlay" style="animation: pop 10s; z-index: -1;"></div>
<div class="close-menu">
<svg xmlns="http://www.w3.org/2000/svg" fill="#e64363" width="24px" height="24px" viewBox="0 0 384 512"><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/></svg>
</div>
<div class="halloween-wrap">
<picture>
<source class="lazyload client-img" type="image/webp" srcset="assets/img/holiday-sale/halloween-video.gif">
<img data-src="assets/img/holiday-sale/halloween-video.gif" type="image/webp" class="client-img lazyload" alt="halloween">
</picture>
<div class="holiday-banner-btn-sec">
<a href="https://api.whatsapp.com/send?phone=+917760163989&text=I%27m%20interested%20in%20fansforx" target="_blank" class="btn holiday-btn-theme">Buy Now</a>
</div>
</div>
</div>
<!-- End Fotter Section -->
<div class="sticky-float-btn">
<!-- <a target="_blank" href="https://api.whatsapp.com/send?phone=+917760163989&text=I%27m%20interested%20in%20fansforx" class="btns whatsapp-float-btn"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 192 192" style="fill: #000000">
<g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
<path d="M0,192v-192h192v192z" fill="none"></path>
<g fill="#ffffff">
<path d="M96,7.68c-48.69888,0 -88.32,39.62112 -88.32,88.32c0,15.2064 3.92832,30.15936 11.37792,43.3536l-11.23584,40.0896c-0.36864,1.31712 -0.01152,2.73024 0.9408,3.70944c0.73344,0.75648 1.73184,1.16736 2.75712,1.16736c0.3072,0 0.61824,-0.0384 0.9216,-0.11136l41.84064,-10.36416c12.77568,6.85824 27.16416,10.47552 41.71776,10.47552c48.69888,0 88.32,-39.62112 88.32,-88.32c0,-48.69888 -39.62112,-88.32 -88.32,-88.32zM140.4288,127.16544c-1.88928,5.23008 -10.95168,10.0032 -15.30624,10.64448c-3.90912,0.57216 -8.85504,0.81792 -14.2848,-0.88704c-3.29088,-1.0368 -7.51488,-2.41152 -12.92544,-4.71936c-22.74432,-9.69984 -37.59744,-32.3136 -38.73408,-33.80736c-1.1328,-1.49376 -9.25824,-12.13824 -9.25824,-23.1552c0,-11.01696 5.856,-16.4352 7.93728,-18.67776c2.08128,-2.24256 4.53504,-2.8032 6.048,-2.8032c1.51296,0 3.02208,0.0192 4.34688,0.08064c1.39392,0.06912 3.264,-0.52608 5.10336,3.84384c1.88928,4.48512 6.42432,15.50208 6.98496,16.6272c0.56832,1.12128 0.94464,2.43072 0.192,3.92448c-0.75264,1.49376 -1.12896,2.42688 -2.2656,3.73632c-1.13664,1.30944 -2.3808,2.9184 -3.40224,3.92448c-1.13664,1.11744 -2.31552,2.32704 -0.99456,4.5696c1.32096,2.24256 5.87136,9.57312 12.6144,15.50976c8.6592,7.62624 15.96672,9.99168 18.23232,11.11296c2.2656,1.12128 3.5904,0.93312 4.91136,-0.56064c1.32096,-1.4976 5.66784,-6.53952 7.17696,-8.77824c1.50912,-2.23872 3.02208,-1.87008 5.10336,-1.12128c2.08128,0.74496 13.2288,6.15936 15.4944,7.28064c2.2656,1.12128 3.77856,1.68192 4.34688,2.61504c0.56832,0.92928 0.56832,5.4144 -1.32096,10.64064z"></path>
</g>
</g>
</svg></a> -->
<a target="_blank" href="https://join.skype.com/invite/xHxEtI54aFoB" class="btns skype">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="26" height="26" viewBox="0 0 172 172" style="fill: #000000">
<g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
<path d="M0,172v-172h172v172z" fill="none"></path>
<g fill="#ffffff">
<path d="M165.97897,103.95974c1.24038,-5.50421 1.86058,-11.21515 1.86058,-17.08113c0,-43.87861 -36.22957,-79.46214 -80.9351,-79.46214c-4.70313,0 -9.32872,0.41346 -13.85096,1.16286c-7.23558,-4.47055 -15.78906,-7.05469 -24.96274,-7.05469c-25.91887,0 -46.92788,20.62139 -46.92788,46.07512c0,8.5018 2.32572,16.46094 6.46034,23.30889c-1.08534,5.16827 -1.65385,10.51743 -1.65385,15.96996c0,43.90444 36.22956,79.48798 80.9351,79.48798c5.0649,0 10.02644,-0.46515 14.83293,-1.34375c6.58954,3.48858 14.16106,5.47837 22.19772,5.47837c25.91887,0 46.92788,-20.6214 46.92788,-46.07512c-0.02584,-7.36478 -1.75721,-14.31611 -4.88401,-20.46635zM128.40565,124.86538c-3.72115,5.19411 -9.2512,9.32872 -16.4351,12.2488c-7.08053,2.89423 -15.60817,4.36719 -25.27283,4.36719c-11.62861,0 -21.39663,-1.98978 -28.99399,-5.96935c-5.42668,-2.86839 -9.92308,-6.79628 -13.30829,-11.60276c-3.46274,-4.85817 -5.19412,-9.69051 -5.19412,-14.36779c0,-2.89423 1.13702,-5.42669 3.35938,-7.49399c2.22235,-2.06731 5.0649,-3.07512 8.45012,-3.07512c2.79087,0 5.16827,0.80108 7.13221,2.40324c1.86058,1.55048 3.46274,3.85036 4.75481,6.82212c1.42127,3.23017 2.9976,5.94351 4.65144,8.08834c1.57632,2.06731 3.8762,3.79868 6.77043,5.14243c2.94592,1.36959 6.89964,2.06731 11.75781,2.06731c6.69291,0 12.17128,-1.39544 16.30589,-4.16046c4.03125,-2.6875 5.99519,-5.94351 5.99519,-9.92308c0,-3.15265 -1.03365,-5.60758 -3.12681,-7.54567c-2.19651,-2.01563 -5.11658,-3.59195 -8.63101,-4.67729c-3.69531,-1.11117 -8.70853,-2.32572 -14.85878,-3.61779c-8.39844,-1.75721 -15.53065,-3.85036 -21.21574,-6.22776c-5.8143,-2.40324 -10.49159,-5.78846 -13.90265,-9.97476c-3.48858,-4.26383 -5.21995,-9.63883 -5.21995,-15.94412c0,-5.99519 1.83474,-11.42187 5.50421,-16.07331c3.59195,-4.6256 8.88942,-8.24339 15.71154,-10.72416c6.69291,-2.42908 14.70372,-3.66947 23.72236,-3.66947c7.23558,0 13.59254,0.82692 18.89002,2.45492c5.34916,1.62801 9.84556,3.82452 13.38582,6.53787c3.5661,2.73918 6.20192,5.65925 7.85577,8.68269c1.67969,3.07512 2.53245,6.1244 2.53245,9.07031c0,2.84255 -1.11117,5.40085 -3.30769,7.67488c-2.22235,2.24819 -5.03906,3.38521 -8.32091,3.38521c-2.9976,0 -5.34916,-0.69771 -6.97717,-2.11899c-1.52463,-1.31791 -3.10096,-3.35938 -4.83233,-6.30529c-2.01563,-3.77284 -4.47056,-6.74459 -7.26142,-8.83774c-2.71334,-2.01562 -7.28726,-3.04928 -13.51502,-3.04928c-5.81431,0 -10.51743,1.13702 -14.03185,3.38522c-3.38522,2.17067 -5.01322,4.67728 -5.01322,7.62319c0,1.8089 0.51683,3.33354 1.60217,4.6256c1.16286,1.36959 2.79087,2.58413 4.83233,3.59195c2.14483,1.05949 4.3155,1.88642 6.51202,2.48077c2.24819,0.62019 6.02103,1.52464 11.21514,2.71334c6.53786,1.36959 12.5589,2.89423 17.88221,4.57392c5.375,1.70553 10.05228,3.77284 13.85096,6.20192c3.87621,2.48077 6.95132,5.65926 9.12199,9.45794c2.19652,3.82452 3.28185,8.52764 3.28185,14.00601c0.02584,6.56371 -1.88642,12.53306 -5.65926,17.75301z"></path>
</g>
</g>
</svg>
</a>
<a target="_blank" href="https://t.me/fansforx" class="tele-btn"><img src="assets/img/landing-page/icons/telegram.svg" class="img-fluid" alt="apps like onlyfans"></a>
</div>
<!-- jQuery -->
<script type="text/javascript" src="assets/js/jquery.min.js"></script>
<script type="text/javascript">
function script(url) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = false;
s.defer = true;
s.src = url;
var x = document.getElementsByTagName('head')[0];
x.appendChild(s);
}
</script>
<script>
script('assets/js/bootstrap.bundle.min.js');
script('assets/js/owl.carousel.min.js');
script('assets/js/main.js');
</script>
<!--Start of Tawk.to Script-->
<!-- <script type="text/javascript">
var Tawk_API = Tawk_API || {},
Tawk_LoadStart = new Date();
(function() {
var s1 = document.createElement("script"),
s0 = document.getElementsByTagName("script")[0];
s1.async = true;
s1.src = 'https://embed.tawk.to/608543be62662a09efc1e6c6/1f44918k2';
s1.charset = 'UTF-8';
s1.setAttribute('crossorigin', '*');
s0.parentNode.insertBefore(s1, s0);
})();
</script> -->
<!--End of Tawk.to Script-->
<script>
function getTimeRemaining(endtime) {
const total = Date.parse(endtime) - Date.parse(new Date());
const seconds = Math.floor((total / 1000) % 60);
const minutes = Math.floor((total / 1000 / 60) % 60);
const hours = Math.floor((total / (1000 * 60 * 60)) % 24);
const days = Math.floor(total / (1000 * 60 * 60 * 24));
return {
total,
days,
hours,
minutes,
seconds
};
}
function initializeClock(id, endtime) {
const clock = document.getElementById(id);
const daysSpan = clock.querySelector('.days');
const hoursSpan = clock.querySelector('.hours');
const minutesSpan = clock.querySelector('.minutes');
const secondsSpan = clock.querySelector('.seconds');
function updateClock() {
const t = getTimeRemaining(endtime);
daysSpan.innerHTML = t.days;
hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);
if (t.total <= 0) {
clearInterval(timeinterval);
}
}
updateClock();
const timeinterval = setInterval(updateClock, 1000);
}
// const deadline = new Date(Date.parse(new Date()) + 2 * 24 * 60 * 60 * 1000);
const deadline = new Date(Date.parse(new Date("2022-11-04T20:30:00")));
initializeClock('clockdiv-head', deadline);
initializeClock('clockdiv-head-1', deadline);
initializeClock('clockdiv', deadline);
</script>
</body>
</html>
Back to Directory
File Manager