Witam, znalazłem skrypt typu 'countdown' polegający na tym, że czas zmniejsza się od momentu ustawienia odpowiednich wartości.
Ja chciałbym, aby czas
zwiększał się od danego momentu, tj. od
konkretnej daty (countup), ale nie mam pojęcia jak się za to zabrać.
link do pobrania -->
hereSkrypt bez pobierania:
https://jsfiddle.net/qfbvsobL/Sama zawartość strony głównej wygląda tak:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="js/ss_load.js"></script> <div class="ss-countdown-container"> <h1>This website is under construction!
</h1> <h4>We will be live in:
</h4> <div class="ss-clock-container"> <div class="ss-clock-days-container"> <div class="ss-bg-layer"><canvas class="ss-days-canvas" width="216" height="216"></canvas><div class="ss-text"><p class="ss-value">0
</p><p class="ss-days-text">Days
</p></div></div>
<div class="ss-clock-hours-container"> <div class="ss-bg-layer"><canvas class="ss-hours-canvas" width="216" height="216"></canvas><div class="ss-text"><p class="ss-value">0
</p><p class="ss-hours-text">Hours
</p></div></div>
<div class="ss-clock-minutes-container"> <div class="ss-bg-layer"><canvas class="ss-minutes-canvas" width="216" height="216"></canvas><div class="ss-text"><p class="ss-value">0
</p><p class="ss-minutes-text">Minutes
</p></div></div>
<div class="ss-clock-seconds-container"> <div class="ss-bg-layer"><canvas class="ss-seconds-canvas" width="216" height="216"></canvas><div class="ss-text"><p class="ss-value">0
</p><p class="ss-seconds-text">Seconds
</p></div></div> <div class="ss-subscribe-container"> <form class="ss-subscribe-form"> <p class="ss-title">Enter your email address to receive updates
</p> <input type="text" name="email_address" class="ss-input" placeholder="EMAIL ADDRESS" /> <a href="java script: void(0);" class="ssCountdownSubscribeSelector ss-btn">Subscribe
</a> <p class="ss-error-container"></p>