Forum PHP.pl > [JavaScript]Skrypt uruchamiany co 1000 ms w określonym przedziale czasowym

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Skrypt uruchamiany co 1000 ms w określonym przedziale czasowym

Userr

22.02.2017, 17:33:39

Mam taki kod:

[JAVASCRIPT] pobierz, plaintext 
<!DOCTYPE html>
<html>
<body>
 
<p id="demo">A Paragraph.</p>
 
<script>
 
    function AddZero(i)
    {
        if (i < 10)
        {
            i = "0" + i;
        }
 
        return i;
    }
 
    var d = new Date();
    var myDate;
    var h = AddZero(d.getHours());
    var m = AddZero(d.getMinutes());
    var s = AddZero(d.getSeconds());
 
    myDate = h + ":" + m + ":" + s;
 
    var number = 1000;
 
    var myVar = setInterval(myTimer, 1000);
 
    function myTimer()
    {
 
        if ( (myDate >= "15:05:00" && myDate <= "15:10:00") )
        {
            document.getElementById("demo").innerHTML = number;
            number += 1000;
        }
    }
 
</script>
 
</body>
</html>
[JAVASCRIPT] pobierz, plaintext

Jeżeli uruchomię ten skrypt pomiędzy 15:05-15:10 to wszystko działa ok. Problem w tym, że jeżeli uruchomię skrypt przed tym przedziałem czasowym np. o 15:03, to zgodnie z moimi oczekiwaniami o 15:03 i o 15:04 nic się nie dzieje, ale chciałbym, żeby od 15:05 do 15:10 uruchomiony został kod wewnątrz warunku:

[JAVASCRIPT] pobierz, plaintext 
document.getElementById("demo").innerHTML = number;
number += 1000;
[JAVASCRIPT] pobierz, plaintext

A tak się nie dzieje. Tak jakby setInterval() w ogóle nie działał.

W jaki sposób można napisać skrypt, który uruchamiałby się co 1000 ms w określonym przedziale czasowym, nawet jeżeli użytkownik wejdzie na stronę PRZED początkiem tego przedziału czasowego?

radziopoke

23.02.2017, 15:54:33

A nie lepiej datę tworzyć w funkcji myTimer?
Gdyż jak masz to poza tą funkcją to kod będzie tylko raz sprawdzał datę w momencie uruchomienia całego skryptu js.

Userr

27.02.2017, 16:34:09

Zrobiłem to za pomocą setTimeout (chciałem tym razem, żeby kod był uruchamiany co 10 sekund):

[JAVASCRIPT] pobierz, plaintext 
<!DOCTYPE html>
<html>
<body onload="startTime()">
 
<p id="demo">A Paragraph.</p>
 
<script>
 
    function AddZero(i)
    {
        if (i < 10)
        {
            i = "0" + i;
        }
 
        return i;
    }
 
    function startTime()
    {
        var d = new Date();
        var myDate;
        var h = AddZero(d.getHours());
        var m = AddZero(d.getMinutes());
        var s = AddZero(d.getSeconds());
 
        myDate = h + ":" + m + ":" + s;
 
        var number = 1000;
 
        if ( (myDate >= "16:11:00" && myDate <= "16:14:00") )
        {
            document.getElementById("demo").innerHTML = myDate;
            number += 1000;
        }
 
        var t = setTimeout(function(){ startTime() }, 10000);
    }
 
</script>
 
</body>
</html> 
[JAVASCRIPT] pobierz, plaintext

Z tym, że ten kod uruchamia się co 10 sekund od momentu uruchomienia, np. gdy uruchomię go o 16:12:03, to kod będzie uruchamiany w następującym czasie:

Cytat

16:12:03
16:12:13
16:12:23
itd.

Jak zrobić, że kod był uruchamiany jakby od sekund 00, 10, 20, 30, 40, 50? Tzn. gdy skrypt zostanie uruchomiony o godzinie 16:12:03, to w jaki sposób zrobić, żeby kod był uruchamiany o:

Cytat

16:12:10
16:12:20
16:12:30
itd.

trueblue

27.02.2017, 16:50:04

Najpierw w setInterval sprawdzaj co sekundę czy liczba sekund jest podzielna przez 10, jeśli tak, to wtedy wystartuj licznik.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.