Aidis Youtuber 13 Czerwca 2020 13 Czerwca 2020 Siemka, pomógł by ktoś w napisaniu skryptu na odliczanie ile zostało czasu do jakiejś daty(data jest w datetime-local). A zmienna daty ma być definiowania podobnie jak tutaj: document.getElementById('ZDJECIE').src = obj.ZDJECIE; Odnośnik do komentarza Udostępnij na innych stronach Więcej opcji udostępniania...
FrageN 13 Czerwca 2020 13 Czerwca 2020 https://www.w3schools.com/howto/howto_js_countdown.asp Odnośnik do komentarza Udostępnij na innych stronach Więcej opcji udostępniania...
-n3veR 13 Czerwca 2020 13 Czerwca 2020 Przeszukaj tematy. Już było sporo na ten temat. Odnośnik do komentarza Udostępnij na innych stronach Więcej opcji udostępniania...
ravenekse 13 Czerwca 2020 13 Czerwca 2020 Prosze, tu jest kod który ja wykorzystywałem u siebie na stronie. Ustawiasz datę i godzinę Kod licznika z index.html: Spoiler <div class="flex-w flex-c cd100 p-b-82 gamingfox-counter"> <div class="flex-col-c-m size2 how-countdown"> <span class="l1-txt3 p-b-9 days">00</span> <span class="s1-txt1">Dni</span> </div> <div class="flex-col-c-m size2 how-countdown"> <span class="l1-txt3 p-b-9 hours">00</span> <span class="s1-txt1">Godzin</span> </div> <div class="flex-col-c-m size2 how-countdown"> <span class="l1-txt3 p-b-9 minutes">00</span> <span class="s1-txt1">Minut</span> </div> <div class="flex-col-c-m size2 how-countdown"> <span class="l1-txt3 p-b-9 seconds">00</span> <span class="s1-txt1">Sekund</span> </div> </div> (tu najważniejsza jest nazwa pierwszego div'a i nazwy span'ów (days, hours itd.)) Skrypt z index.html: Spoiler <script src="js/jquery.downCount.js" type="text/javascript"></script> <script> $('.gamingfox-counter').downCount({ date: '06/06/2020 16:00:00', offset: +10 }); </script> Skrypt jquery.downCount.js: Spoiler /** * downCount: Simple Countdown clock with offset * Author: Sonny T. <hi@sonnyt.com>, sonnyt.com */ (function ($) { $.fn.downCount = function (options, callback) { var settings = $.extend({ date: null, offset: null }, options); // Throw error if date is not set if (!settings.date) { $.error('Date is not defined.'); } // Throw error if date is set incorectly if (!Date.parse(settings.date)) { $.error('Incorrect date format, it should look like this, 12/24/2012 12:00:00.'); } // Save container var container = this; /** * Change client's local date to match offset timezone * @return {Object} Fixed Date object. */ var currentDate = function () { // get client's current date var date = new Date(); // turn date to utc var utc = date.getTime() + (date.getTimezoneOffset() * 60000); // set new Date object var new_date = new Date(utc + (3600000*settings.offset)) return new_date; }; /** * Main downCount function that calculates everything */ function countdown () { var target_date = new Date(settings.date), // set target date current_date = currentDate(); // get fixed current date // difference of dates var difference = target_date - current_date; // if difference is negative than it's pass the target date if (difference < 0) { // stop timer clearInterval(interval); if (callback && typeof callback === 'function') callback(); return; } // basic math variables var _second = 1000, _minute = _second * 60, _hour = _minute * 60, _day = _hour * 24; // calculate dates var days = Math.floor(difference / _day), hours = Math.floor((difference % _day) / _hour), minutes = Math.floor((difference % _hour) / _minute), seconds = Math.floor((difference % _minute) / _second); // fix dates so that it will show two digets days = (String(days).length >= 2) ? days : '0' + days; hours = (String(hours).length >= 2) ? hours : '0' + hours; minutes = (String(minutes).length >= 2) ? minutes : '0' + minutes; seconds = (String(seconds).length >= 2) ? seconds : '0' + seconds; // based on the date change the refrence wording var ref_days = (days === 1) ? 'day' : 'days', ref_hours = (hours === 1) ? 'hour' : 'hours', ref_minutes = (minutes === 1) ? 'minute' : 'minutes', ref_seconds = (seconds === 1) ? 'second' : 'seconds'; // set to DOM container.find('.days').text(days); container.find('.hours').text(hours); container.find('.minutes').text(minutes); container.find('.seconds').text(seconds); container.find('.days_ref').text(ref_days); container.find('.hours_ref').text(ref_hours); container.find('.minutes_ref').text(ref_minutes); container.find('.seconds_ref').text(ref_seconds); }; // start var interval = setInterval(countdown, 1000); }; })(jQuery); Oczywiście to nie jest mój autorski skrypt. Znalazłem go w internecie Mam nadzieję że Ci się przyda Odnośnik do komentarza Udostępnij na innych stronach Więcej opcji udostępniania...
Kontynuuj dyskusję
Dołącz do Pecetowicza, aby kontynuować dyskusję w tym wątku.