Acest script va afisa un ceas ca in exemplu de mai jos

abcdefghj

Pentru a adauga acest script intr-o pagina web:
1. Copiati imaginile care compun ceasul de aici -> Imgs; dezarhivati arhiva ".zip" si salvati directorul "imgs" in acelasi loc unde se afla pagina HTML.
2. Introduceti in sectiunea HEAD a documentului HTML urmatorul cod:
<script type="text/javascript">
<!--
var dn
c1=new Image(); c1.src="imgs/c1.gif"
c2=new Image(); c2.src="imgs/c2.gif"
c3=new Image(); c3.src="imgs/c3.gif"
c4=new Image(); c4.src="imgs/c4.gif"
c5=new Image(); c5.src="imgs/c5.gif"
c6=new Image(); c6.src="imgs/c6.gif"
c7=new Image(); c7.src="imgs/c7.gif"
c8=new Image(); c8.src="imgs/c8.gif"
c9=new Image(); c9.src="imgs/c9.gif"
c0=new Image(); c0.src="imgs/c0.gif"
cb=new Image(); cb.src="imgs/cb.gif"
cam=new Image(); cam.src="imgs/cam.gif"
cpm=new Image(); cpm.src="imgs/cpm.gif"

function extract(h,m,s,type){
  if (!document.images)
    return
  if (h<=9) {
    document.images.a.src=cb.src
    document.images.b.src=eval("c"+h+".src")
  }
  else {
    document.images.a.src=eval("c"+Math.floor(h/10)+".src")
    document.images.b.src=eval("c"+(h%10)+".src")
  }
  if (m<=9) {
    document.images.d.src=c0.src
    document.images.e.src=eval("c"+m+".src")
  }
  else {
    document.images.d.src=eval("c"+Math.floor(m/10)+".src")
    document.images.e.src=eval("c"+(m%10)+".src")
  }
  if (s<=9) {
    document.g.src=c0.src
    document.images.h.src=eval("c"+s+".src")
  }
  else {
    document.images.g.src=eval("c"+Math.floor(s/10)+".src")
    document.images.h.src=eval("c"+(s%10)+".src")
  }
  if (dn=="AM") document.j.src=cam.src
  else document.images.j.src=cpm.src
}

function ceas() {
 if (!document.images)
    return
  var Digital=new Date()
  var hours=Digital.getHours()
  var minutes=Digital.getMinutes()
  var seconds=Digital.getSeconds()
  dn="AM"
  if ((hours>=12)&&(minutes>=1)||(hours>=13)) {
    dn="PM"
    hours=hours-12
  }
  if (hours==0)
    hours=12
  extract(hours,minutes,seconds,dn)
  setTimeout("ceas()",1000)
}
//-->
</script>

3. In interiorul tag-ului <body> scrieti onload="ceas()", sa arate asa: <body onload="ceas()">
4. Dupa tagul <body> adaugati urmatorul cod HTML, in locatia unde vreti sa apara ceasul:
<img src="imgs/cb.gif" name="a"><img src="imgs/cb.gif" name="b"><img src="imgs/colon.gif" name="c"><img src="imgs/cb.gif" name="d"><img src="imgs/cb.gif" name="e"><img src="imgs/colon.gif" name="f"><img src="imgs/cb.gif" name="g"><img src="imgs/cb.gif" name="h"><img src="cam.gif" name="j">

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care tag afiseaza textul oblic?
<strong> <pre> <em>
<p>Cursuri, Jocuri, Anime: <em>www.MarPlo.net</em></p>
Care proprietate CSS defineste spatiul dintre continutul elementului si bordura lui?
margin padding position
h3 {
  padding: 2px 0.2em;
}
Clic pe metoda ce returneaza primul element indicat de selectorii specificati.
getElementsByName() querySelector() querySelectorAll()
// preia primul Div cu class="cls", si afiseaza continutul
var elm = document.querySelector("div.cls");
alert(elm.innerHTML);
Indicati variabila PHP ce contine datele din formular trimise cu method="post".
$_SESSION $_GET $_POST
if(isset($_POST["field"])) {
  echo $_POST["field"];
}
Indicati pronumele corespunzator celui din paranteza in propozitia: "(Noi) speak english".
I They We
We speak english.
- Noi vorbim engleza.
Indicati pronumele corespunzator celui din paranteza in propozitia: "(Noi) hablamos español".
Ellos Vosotros Nosotros
Nosotros hablamos español.
- Noi vorbim spaniola.
Script pentru ceas

Last accessed pages

  1. Pronumele in limba engleza - Pronouns (22109)
  2. Coduri pt culori (29048)
  3. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (77718)
  4. Mini-Vocabular Spaniol (1578)
  5. Curs CSS Online Tutoriale CSS3 (12653)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (4473)
  2. Curs HTML gratuit Tutoriale HTML5 (3703)
  3. Curs si Tutoriale JavaScript (3404)
  4. Curs PHP MySQL, Tutoriale si Scripturi PHP (3277)
  5. Curs CSS Online Tutoriale CSS3 (3195)