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 --> here

Skrypt bez pobierania: https://jsfiddle.net/qfbvsobL/

Sama zawartość strony głównej wygląda tak:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  5. <title>Countdown Script</title>
  6. <script type="text/javascript" src="js/ss_load.js"></script>
  7. </head>
  8. <body>
  9. <div class="ss-countdown-container">
  10. <h1>This website is under construction!</h1>
  11. <h4>We will be live in:</h4>
  12. <div class="ss-clock-container">
  13. <div class="ss-clock-days-container">
  14. <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>
  15. </div>
  16.  
  17. <div class="ss-clock-hours-container">
  18. <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>
  19. </div>
  20.  
  21. <div class="ss-clock-minutes-container">
  22. <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>
  23. </div>
  24.  
  25. <div class="ss-clock-seconds-container">
  26. <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>
  27. </div>
  28. </div>
  29. <div class="ss-subscribe-container">
  30. <form class="ss-subscribe-form">
  31. <p class="ss-title">Enter your email address to receive updates</p>
  32. <p>
  33. <input type="text" name="email_address" class="ss-input" placeholder="EMAIL ADDRESS" />
  34. <a href="java script: void(0);" class="ssCountdownSubscribeSelector ss-btn">Subscribe</a>
  35. </p>
  36. <p class="ss-error-container"></p>
  37. </form>
  38. </div>
  39. </div>
  40. </body>
  41. </html>