Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js]dwa zegarki na stronie
Forum PHP.pl > Forum > Przedszkole
KolegS
28.05.2007, 14:20:36
A więc nie znam się za bardzo na js więc mam do was pytanie.
Ściągnąłem sobie skrypt zegarka z www.hotscripts.pl i chciałem tak przerobić aby wyświetlał czas w dwóch miejscach na stronie, ale coś nie chce.
[HTML] pobierz, plaintext 
  1. <HTML>
  2. <HEAD>
  3. <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=iso-8859-2">
  4.  
  5.        <STYLE>
  6.        .details
  7.        {
  8.               font-family              : lucida sans unicode, verdana, century gothic, arial;
  9.               font-size              : 10;
  10.               font-weight              : normal;
  11.               color                     : #000000;
  12.               background-color       : #ffffff;
  13.        }
  14.        </STYLE>
  15.        <script LANGUAGE="JavaScript">
  16.        <!--
  17.            function curTime()
  18.            {
  19.               var now=new Date()
  20.               var hrs=now.getHours()
  21.               var min=now.getMinutes()
  22.               var sec=now.getSeconds()
  23.               if (hrs<10) { hrs="0"+hrs }
  24.               if (min<10) { min="0"+min }
  25.               if (sec<10) { sec="0"+sec }
  26.               clock.innerHTML=hrs+":"+min+":"+sec
  27.               setTimeout("curTime()",1000)
  28.            }
  29.        -->
  30.        </SCRIPT>
  31.     </HEAD>
  32.     <BODY onLoad=curTime()>
  33.     	<table border=1>
  34.     		<tr>
  35.      	 		<td>
  36.     	  			<SPAN CLASS=details ID=clock STYLE="position:relative;"></SPAN>
  37.      	 		</td>
  38.      	 		<td>
  39.     	 			<SPAN CLASS=details ID=clock STYLE="position:relative;"</SPAN>
  40.     			</td>
  41.     		</tr>
  42.     </table>
  43. 	 </BODY>
  44. </HTML>
[HTML] pobierz, plaintext

dobra znalazłem już błąd okazało się że po prostu przy dodawaniu tego zera na początku nie była to już liczba tylko ciąg
ale jak teraz umieścić dwa na stronie??
Cienki1980
28.05.2007, 14:25:55
Zamiast dwóch pól o tym samym ID ( u Ciebie clock ) stwórz dwa pola o różnych ID clock i clock2 a w funkcji JS dodaj linijkę:
[HTML] pobierz, plaintext 
  1. clock.innerHTML=hrs+":"+min+":"+sec
  2. clock2.innerHTML=hrs+":"+min+":"+sec
[HTML] pobierz, plaintext

Sprawdź czy to zadziała.
KolegS
29.05.2007, 16:45:57
ok działa dzięki

mam kolejny problem teraz chciałbym odliczać czas do czegoś
przykładowo odliczać czas do końca roku szkolnego, a drugi licznik do początku nowego
dopisuje tam argumenty kiedy ma się czas skończyć ale nic się nie dzieje
zrobiłem to tak ale nie działa
[HTML] pobierz, plaintext 
  1. <HTML>
  2. <HEAD>
  3. <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=iso-8859-2">
  4.  
  5.  
  6.        <script LANGUAGE="JavaScript">
  7.        <!--
  8.            function curTime(godzina,minuta,sekunda)
  9.            {
  10.               var now=new Date()
  11.               var hrs=godzina-now.getHours()
  12.               var min=minuta-now.getMinutes()
  13.               var sec=sekunda-now.getSeconds()
  14.               if (sec<0)  { sec=60+sec
  15.               		min=min-1
  16. 	              }
  17. 	           if (min<0)  { min=60+min
  18. 	           		hrs=hrs-1
  19. 	           	  }
  20. 	           if (hrs<10) { hrs="0"+hrs }
  21.               if (min<10) { min="0"+min }
  22.               if (sec<10) { sec="0"+sec }
  23.               if (hrs<=0&&min<=0&&sec<=0){
  24.               		clock.innerHTML="już jest"
  25.                  	clock2.innerHTML="już jest"
  26.               }else{
  27.               clock.innerHTML=hrs+":"+min+":"+sec
  28.               clock2.innerHTML=hrs+":"+min+":"+sec
  29.               setTimeout("curTime(17,59,0)",1000)}
  30.            }
  31.        -->
  32.        </SCRIPT>
  33.     </HEAD>
  34.     <BODY onLoad=curTime(17,59,0)>
  35.     	<table border=1>
  36.     		<tr>
  37.      	 		<td>
  38.     	  			<SPAN CLASS=details ID=clock STYLE="position:relative;"></SPAN>
  39.      	 		</td>
  40.      	 		<td>
  41.     	 			<SPAN CLASS=details ID=clock2 STYLE="position:relative;"</SPAN>
  42.     			</td>
  43.     		</tr>
  44.     </table>
  45. 	 </BODY>
  46. </HTML>
[HTML] pobierz, plaintext

wiem że skrypt nie ma poprawki na dni ale to można szybko dodać i jeszcze jak zrobić aby wyświetlał takie dwa z różnymi czasami na stronie napisane w jednej funkcji bo pisać dwie to chyba bez sensu, gdyż jak będę kiedyś chciał dodać jeszcze jeden to będzie kolejna funkcja

EDIT:
mam jeszcze jeden problem jak czekam i czas dochodzi do zera to jest wyświetlona 'już jest' ale jeżeli jest już po czasie to wtedy są jakieś liczby na minusie

już wiem co jest źle z tymi liczbami na minusie to było po prostu to że te to nie były liczby tylko ciągi poradziłem już sobie z tym ale jak umieścić dwa zegarki na jedenj stronie
mój aktualny kod to
[html]
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=iso-8859-2">


<script LANGUAGE="JavaScript">
<!--
function curTime(godzina,minuta,sekunda)
{
var now=new Date()
var hrs=godzina-now.getHours()
var min=minuta-now.getMinutes()
var sec=sekunda-now.getSeconds()

if (sec<0) {sec=60+sec
min=min-1}

if (min<0) {min=60+min
hrs=hrs-1}

if (hrs<10){
var godz="0"+hrs}
else {godz=hrs}

if (min<10){
var minu="0"+min}
else{minu=min}

if (sec<10){
var sek="0"+sec}
else {sek=sec}

if (hrs<0){
clock.innerHTML="już jest"}
else{
clock.innerHTML=godz+":"+minu+":"+sek
setTimeout("curTime(20,47,0)",1000)}
}

-->
</SCRIPT>
</HEAD>
<BODY onLoad=curTime(20,51,0)>
<table border=1>
<tr>
<td>
<SPAN CLASS=details ID=clock STYLE="position:relative;"></SPAN>
</td>

</tr>
</table>
</BODY>
</HTML>
[/html
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.