Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Jak wyciagnac z zegara pierwsza cyfre, zegar, string
Mastersieciweb
post
Post #1





Grupa: Zarejestrowani
Postów: 84
Pomógł: 0
Dołączył: 14.10.2013

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

Witam, mam tutaj zegarek który umieściłem za pomocą CSSa w trzech jajkach. Problem polega na tym że chce rozerwać z mojego zegara wszystkie cyfry tak abym mógł nimi za pomocą CSSa manipulować, w celu umieszczenia w jednym 'jajku' jednej cyfry a nie dwóch( bo godzina składa się z dwóch np 14) to chciałbym wyciągnąc jednyke osobno i czwórke, nie wiem czy za pomocą charAt to mam zrobić, a jeśli tak to w jaki sposób? z góry dziękuje

[HTML] pobierz, plaintext 
  1.  
  2. <html>
  3.   <head>
  4.   <title>gg</title>
  5.   <link type="text/css" rel="stylesheet" href="rozdzial811.css"/>
  6.   </head>
  7.   <body>
  8.   <body onLoad="zegarek()"> 
  9.  
  10.  
  11.  
  12.   <div id="kolo1"></div> 
  13.   <div id="kolo2"></div>
  14.   <div id="kolo3"></div>
  15.   <div id="kolo4"></div>
  16.   <div id="kolo5"></div>
  17.   <div id="kolo6"></div>
  18.   <div id="sekundy"></div>
  19.   <div id="minuty"></div>
  20.   <div id="godziny"></div> 
  21.  
  22.  
  23.   <script>
  24.  
  25.   function zegarek(){
  26.  
  27.   var cos=new Date();
  28.   var godzina=cos.getHours();
  29.  
  30.  
  31.   var minuta=cos.getMinutes();
  32.   var sekunda=cos.getSeconds();
  33.   if (sekunda<10){
  34.   sekunda= "0"+sekunda;}
  35.   document.getElementById('godziny').innerHTML=godzina;
  36.   document.getElementById('minuty').innerHTML=minuta;
  37.   document.getElementById('sekundy').innerHTML=sekunda;
  38.  
  39. k=setTimeout("zegarek()",1000);
  40. }
  41.  
  42.  
  43. </script>
  44.  </body>
  45. </html>
[HTML] pobierz, plaintext


Ten post edytował Mastersieciweb 2.01.2014, 14:54:36
Go to the top of the page
+Quote Post
Kshyhoo
post
Post #2





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że
Zaaobacz, czy to Ci pomoże:
[JAVASCRIPT] pobierz, plaintext 
  1. <script type="text/javascript">
  2. <!-- <![CDATA[
  3.   // preloader
  4.   p1 = new Image().src="1.gif";
  5.   p2 = new Image().src="2.gif";
  6.   p3 = new Image().src="3.gif";
  7.   p4 = new Image().src="4.gif";
  8.   p5 = new Image().src="5.gif";
  9.   p6 = new Image().src="6.gif";
  10.   p7 = new Image().src="7.gif";
  11.   p8 = new Image().src="8.gif";
  12.   p9 = new Image().src="9.gif";
  13.   p0 = new Image().src="0.gif";
  14.   pd = new Image().src="d.gif";
  15.  
  16. function zegar() {
  17.   data = new Date();
  18.   godzina = data.getHours();
  19.   minuta = data.getMinutes();
  20.   sekunda = data.getSeconds();
  21.   teraz = ""+((godzina<10)?"0":"")+godzina+
  22.   ((minuta<10)?"d0":"d")+minuta+((sekunda<10)?"d0":"d")+sekunda;
  23.   for (i=0;i<8;i++) {
  24.     eval('document.getElementById("p'+i+'").src=p'+teraz.charAt(i));
  25.   }
  26.   setTimeout("zegar()",1000);
  27. }
  28. zegar();
  29.  
  30. // ]]> -->
  31. </script>
[JAVASCRIPT] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. <div>
  2. <img src="1.gif" id="p0" alt="" />
  3. <img src="1.gif" id="p1" alt="" />
  4. <img src="1.gif" id="p2" alt="" />
  5. <img src="1.gif" id="p3" alt="" />
  6. <img src="1.gif" id="p4" alt="" />
  7. <img src="1.gif" id="p5" alt="" />
  8. <img src="1.gif" id="p6" alt="" />
  9. <img src="1.gif" id="p7" alt="" />
  10. </div>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
Mastersieciweb
post
Post #3





Grupa: Zarejestrowani
Postów: 84
Pomógł: 0
Dołączył: 14.10.2013

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

z tym, że tutaj Twoimi liczbami są obrazy a u mnie tekst. Tylko te jajka to zrobiłem z div'ow i za pomocą cssa sobie umieściłem liczby godziny w trzech jajkach, umieszcze jeszcze CSSa żebyś wiedział jak to u mnie wygląda i o co mi chodzi. chciałbym to rozbić na 6 jajek i w każdym jajku inna osobna liczba oto CSS:

[HTML] pobierz, plaintext 
  1. #godziny{color:red; font-weight:bold;margin-left:312px;margin-top:215px;position:absolute;}
  2. #minuty{color:blue; font-weight:bold;margin-left:363px;margin-top:215px;position:absolute;}
  3. #sekundy{color:green; font-weight:bold;margin-left:413px;margin-top:215px;position:absolute;}
  4.  
  5. #kolo1{margin-left:300px;margin-top:200px; position:absolute;
  6. background-color:pink;
  7. width: 40px;
  8. height: 50px;
  9. border-radius: 50%;
  10. }
  11. #kolo2{margin-left:350px; margin-top:200px;position:absolute;
  12. background-color:pink;
  13. width: 40px;
  14. height: 50px;
  15. border-radius: 50%;
  16. }
  17. #kolo3{margin-left:400px; margin-top:200px;position:absolute;
  18. background-color:pink;
  19. width: 40px;
  20. height: 50px;
  21. border-radius: 50%;
  22. }
[HTML] pobierz, plaintext


narazie wygląda to tak: http://i39.tinypic.com/n2inix.jpg

a chciałbym dorobić jeszcze trzy jaja co nie jest problemem z tym że nie wiem jak rozbić zegarek na 6 liczb, zeby każda była w innym jajku

Ten post edytował Mastersieciweb 2.01.2014, 15:43:15
Go to the top of the page
+Quote Post
vermis
post
Post #4





Grupa: Zarejestrowani
Postów: 279
Pomógł: 56
Dołączył: 3.06.2010
Skąd: Tarnowskie Góry

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

Jeśli dobrze rozumiem to chcesz np. dla 20:14 otrzymać 2 i 0 oraz 1 i 4.
Po pierwsze nie do końca widzę sens tak rozbijać zegar.
Po drugie wystarczy użyć podstawowych działań matematycznych: modulo, czyli reszta z dzielenia (%10) oraz dzielenie (przez 10, bez reszty).
Go to the top of the page
+Quote Post
Mastersieciweb
post
Post #5





Grupa: Zarejestrowani
Postów: 84
Pomógł: 0
Dołączył: 14.10.2013

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

tak jak mówisz ale nie wiem jak to zapisać, żebym do osobnego div'a miał przypisaną jedną literkę, którą później będe mógł modyfikować graficznie za pomocą css'a.
Bo kwestia jest taka że później mam zamiar przestawiać te cyferki w różne miejsca.. a nie wiem jak się odwołać do każdej z osobna, bo do całości to mam

Ten post edytował Mastersieciweb 2.01.2014, 18:18:26
Go to the top of the page
+Quote Post
Kshyhoo
post
Post #6





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że
Cytat(Mastersieciweb @ 2.01.2014, 18:14:39 ) *
tak jak mówisz ale nie wiem jak to zapisać, żebym do osobnego div'a miał przypisaną jedną literkę, którą później będe mógł modyfikować graficznie za pomocą css'a.
Bo kwestia jest taka że później mam zamiar przestawiać te cyferki w różne miejsca.. a nie wiem jak się odwołać do każdej z osobna, bo do całości to mam

Możesz wykorzystać mój kod, zamieniając IMG na DIV.
Go to the top of the page
+Quote Post
kujol
post
Post #7





Grupa: Zarejestrowani
Postów: 324
Pomógł: 27
Dołączył: 21.07.2013

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

Lub pobierz całą godzinę do zmiennej i użyj tu substr() np.

[PHP] pobierz, plaintext 
  1. $aktualnaGodzina = 15;
  2.  
  3. $cyfra1zGodziny = substr($aktualnaGodzina, 0);
  4.  
  5. $cyfra2zGodziny = substr($aktualnaGodzina, 1);
[PHP] pobierz, plaintext


To samo z minutami i sekundami
Jeśli możesz użyć php (IMG:style_emoticons/default/wink.gif)

Ten post edytował kujol 2.01.2014, 20:44:02
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · 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: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

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

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