W jaki sposób zrobić licznik czasu, który liczy minuty od zera?

pytanie zadane 14 lutego 2018 w JavaScript przez GracjanDogg Użytkownik (840 p.)

W jaki sposób zrobić licznik czasu, który liczy minuty od zera, żeby się nie zatrzymywał na 60? Niezbyt wiem jak się za to zabrać. Z góry dzięki za pomoc.

<html>
    <head>
        <script type="text/javascript">
        	function odliczanie(){
        		x = 0;

        		if(z >= 0){
        			x = x + 1;
        		}
        		document.getElementById('zegar').innerHTML = x;
        		
        	}
    	</script>
    </head>
    <body>
			<div id="zegar"></div>
			<script type="text/javascript">
				val = setInterval('odliczanie()',60 000);
				odliczanie();
			</script>
	</body>
</html>

2 odpowiedzi

odpowiedź 14 lutego 2018 przez HDRGXS Początkujący (470 p.)

odpowiedź 14 lutego 2018 przez Artek Stary wyjadacz (11,800 p.)

Zacznijmy od tego, że ten kod się nie odpali. Błędy jakie dostrzegam są następujące:

1.Pomieszanie JS i HTML

 <strong>60 000</strong>

W JS nie ma czegoś takiego jak <strong> - poza tym nawet gdyby było to do czego to miałoby być potrzebne? Masz podać tylko liczbę milisekund).

Skrypty JS lepiej umieścić przed ,</body>(dzięki temu strona się szybciej załaduje) (nie <body>). Wykorzystaj chociażby eventListener albo jQuery

2.W funkcji setInterval musisz podać jako pierwszy argument wyrażenie funkcji a nie ciąg znaków. Nawet gdyby nie było cudzysłowów to i tak byłoby źle bo napisałeś

odliczanie()

zamiast

odliczanie

Wydaje mi się, że powinieneś dokładniej zapoznać się ze szczegółami wykorzystywanych technologi bo widać braki w podstawowej wiedzy.

Pomijając błędy podam Ci przykład kodu realizującego podobne zadanie. Akurat ten kod tworzy animowany tekst. Co około 20 ms wyświetla kolejny znak i tekst powoli rośnie od lewej do prawej. Jednak ma sporo wspólnego z tym co chcesz zaimplementować.(możnaby to lepiej napisać ale działa)

function AnimatedText(Text, Flicker = false)
	{
		  if(Flicker)
		  {
			FlickeringError();  
		  }
		  
		  var Length = Text.length;
		  var I  = 0;
		  var Interval;
		  var InformationContainer = document.getElementById("information-for-user");
		  InformationContainer.innerHTML = "";
		  
		  Interval = setInterval(function()
		  {
			InformationContainer.innerHTML += Text.charAt(I);
			++I;
			
			if(I > Length)
			{
			  clearInterval(Interval);
			}
			
		  },20);
	   	  
	}