Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] Powtarzanie się wyświetlania zegara
Dominator
post 22.05.2012, 21:07:03
Post #1





Grupa: Zarejestrowani
Postów: 565
Pomógł: 15
Dołączył: 11.10.2010

Ostrzeżenie: (20%)
X----


Witam

Napisałem sobie zegarek, lecz jest on zepsuty pod tym względem, że jego wyświetlanie się powtarza - http://screenshooter.net/9880552/uktbqog

Mógłby mi ktoś pomóc zrobić tak, aby się nie powtarzało się jego wyświetlanie ?


  1. setInterval(function(){
  2. var data =new Date();
  3. var czas=data.toLocaleTimeString();
  4. var id = $("#footer-info").text();
  5. var cola = id + " " + czas;
  6. $("#footer-info").html(cola);
  7. },1000);


Ten post edytował Dominator 22.05.2012, 21:07:15
Go to the top of the page
+Quote Post
Niktoś
post 22.05.2012, 21:39:47
Post #2





Grupa: Zarejestrowani
Postów: 1 195
Pomógł: 109
Dołączył: 3.11.2011

Ostrzeżenie: (10%)
X----


A spróbuj zamiast
("#footer-info").html(cola);
dać
("#footer-info").text(cola);
Go to the top of the page
+Quote Post
Dominator
post 22.05.2012, 21:43:02
Post #3





Grupa: Zarejestrowani
Postów: 565
Pomógł: 15
Dołączył: 11.10.2010

Ostrzeżenie: (20%)
X----


Niestety, to samo.
Go to the top of the page
+Quote Post
Niktoś
post 22.05.2012, 21:52:06
Post #4





Grupa: Zarejestrowani
Postów: 1 195
Pomógł: 109
Dołączył: 3.11.2011

Ostrzeżenie: (10%)
X----


Ok sprawdziłem i to na 100% powinno zadziałać:
[JAVASCRIPT] pobierz, plaintext
  1. setInterval(function(){
  2. $("#footer-info").html("");
  3. var data =new Date();
  4. var czas=data.toLocaleTimeString();
  5.  
  6. var id = $("#footer-info").text();
  7.  
  8. var cola = id + " " + czas;
  9.  
  10. $("#footer-info").text(cola);
  11. },1000);
[JAVASCRIPT] pobierz, plaintext
Go to the top of the page
+Quote Post
Dominator
post 22.05.2012, 22:08:41
Post #5





Grupa: Zarejestrowani
Postów: 565
Pomógł: 15
Dołączył: 11.10.2010

Ostrzeżenie: (20%)
X----


No działa, ale w footer-info mam swój tekst, a ten tekst jest usuwany przez twój skrypt.
Go to the top of the page
+Quote Post
kpt_lucek
post 22.05.2012, 22:13:54
Post #6





Grupa: Zarejestrowani
Postów: 428
Pomógł: 77
Dołączył: 10.07.2011
Skąd: Warszawa

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


to do foter'a dodaj diva/spana z id i tam ładuj zegar.


--------------------


Cytat
There is a Bundle for that
Lukas Kahwe Smith - October 31th, 2014
Go to the top of the page
+Quote Post
Niktoś
post 22.05.2012, 22:30:11
Post #7





Grupa: Zarejestrowani
Postów: 1 195
Pomógł: 109
Dołączył: 3.11.2011

Ostrzeżenie: (10%)
X----


@UP zgadzam się-można to zrobić w samym jquery.
[JAVASCRIPT] pobierz, plaintext
  1. setInterval(function(){
  2.  
  3. $("#clock").remove();
  4. var data =new Date();
  5. var czas=data.toLocaleTimeString();
  6.  
  7. var ids = $("#footer-info").text();
  8.  
  9. var cola =" <span id='clock'>"+ czas+"</span>";
  10.  
  11. $("#footer-info").append(cola);
  12.  
  13. },1000);
[JAVASCRIPT] pobierz, plaintext


Ten post edytował Niktoś 22.05.2012, 22:32:07
Go to the top of the page
+Quote Post
kpt_lucek
post 22.05.2012, 22:33:56
Post #8





Grupa: Zarejestrowani
Postów: 428
Pomógł: 77
Dołączył: 10.07.2011
Skąd: Warszawa

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


Cytat(Niktoś @ 22.05.2012, 23:30:11 ) *
@UP zgadzam się-można to zrobić w samym jquery.
[JAVASCRIPT] pobierz, plaintext
  1. setInterval(function(){
  2.  
  3. $("#clock").remove();
  4. var data =new Date();
  5. var czas=data.toLocaleTimeString();
  6.  
  7. var ids = $("#footer-info").text();
  8.  
  9. var cola =" <span id='clock'>"+ czas+"</span>";
  10.  
  11. $("#footer-info").append(cola);
  12.  
  13. },1000);
[JAVASCRIPT] pobierz, plaintext


jak dasz append to co 1sekunde doda sie ów span

Więc albo dodasz to bezpośrednio w kodzie, albo w jquery poza setInterval


--------------------


Cytat
There is a Bundle for that
Lukas Kahwe Smith - October 31th, 2014
Go to the top of the page
+Quote Post
Niktoś
post 22.05.2012, 22:38:21
Post #9





Grupa: Zarejestrowani
Postów: 1 195
Pomógł: 109
Dołączył: 3.11.2011

Ostrzeżenie: (10%)
X----


U góry jest remove, poza tym sam sprawdź:
http://jsfiddle.net/BBpXA/
Go to the top of the page
+Quote Post
kpt_lucek
post 22.05.2012, 22:44:16
Post #10





Grupa: Zarejestrowani
Postów: 428
Pomógł: 77
Dołączył: 10.07.2011
Skąd: Warszawa

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


Cytat(Niktoś @ 22.05.2012, 23:38:21 ) *
U góry jest remove, poza tym sam sprawdź:
http://jsfiddle.net/BBpXA/



@up
nie zauważyłem, wybacz smile.gif


--------------------


Cytat
There is a Bundle for that
Lukas Kahwe Smith - October 31th, 2014
Go to the top of the page
+Quote Post
Niktoś
post 22.05.2012, 22:46:05
Post #11





Grupa: Zarejestrowani
Postów: 1 195
Pomógł: 109
Dołączył: 3.11.2011

Ostrzeżenie: (10%)
X----


Ale to mało elegancki sposób ,lepiej utworzyć normalnie w html spana i czyścić i dodawać wartości niż usuwać i dodawać taga z drzewa DOM.

Ten post edytował Niktoś 22.05.2012, 22:48:05
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: 19.07.2025 - 14:39