Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Zamiana skryptu typu 'odliczanie' na 'stoper', "CountDown" --> "CountUp" od konkretnej daty
devastraptor
post 12.04.2017, 13:00:25
Post #1





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 12.04.2017

Ostrzeżenie: (0%)
-----


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>


Ten post edytował devastraptor 12.04.2017, 13:25:42
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 02:03