Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [js]dwa zegarki na stronie
KolegS
post
Post #1





Grupa: Zarejestrowani
Postów: 64
Pomógł: 0
Dołączył: 17.04.2007
Skąd: Toruń

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

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??

Ten post edytował KolegS 29.05.2007, 19:40:46
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
Cienki1980
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 1 590
Pomógł: 40
Dołączył: 11.01.2007
Skąd: Centrum

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

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.
Go to the top of the page
+Quote Post
KolegS
post
Post #3





Grupa: Zarejestrowani
Postów: 64
Pomógł: 0
Dołączył: 17.04.2007
Skąd: Toruń

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

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

Ten post edytował KolegS 29.05.2007, 19:52:56
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.08.2025 - 04:36
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn