Curs Javascript

Urmatorul script afiseaza data completa si ora, ca in exemplu de mai jos


Pentru a adauga acest script intr-o pagina web:
1. Introduceti in sectiunea HEAD a documentul HTML, urmatorul script:
<script type="text/javascript">
// Creaza matricele cu zilele saptamanii si lunile anului
var ziarray=new Array("Duminica", "Luni", "Marti", "Miercuri", "Joi", "Vineri", "Sambata")
var lunaarray=new Array("Ianuarie", "Februarie", "Martie", "Aprilie", "Mai", "Iunie", "Iulie", "August", "Septembrie", "Octombrie", "Noiembrie", "Decemberie")

// Functia care preia datele (an, luna, zi, ora)
function datacom() {
  var mydate=new Date()
  var year=mydate.getYear()
  if (year < 1000)
    year+=1900
  var day=mydate.getDay()
  var month=mydate.getMonth()
  var daym=mydate.getDate()
  if (daym<10)
    daym="0"+daym
  var hours=mydate.getHours()
  var minutes=mydate.getMinutes()
  var seconds=mydate.getSeconds()
  var dn="AM"
  if (hours>=12)
    dn="PM"
  if (hours>12) {
    hours=hours-12
  }
  if (hours==0)
    hours=12
  if (minutes<=9)
    minutes="0"+minutes
  if (seconds<=9)
    seconds="0"+seconds

// Aici poti modifica marime si tipul fontului
  var cdate="<small><font color='#fefefe' face='Arial'><b>"+ziarray[day]+", "+daym+" "+lunaarray[month]+" "+year+"<br> Ora: "+hours+":"+minutes+":"+seconds+" "+dn
+"</b></font></small>"

// Afiseaza datele in elementul HTML cu id=dataora
  document.getElementById("dataora").innerHTML=cdate
}

// Daca elementul HTML cu id=dataora exista
// Executa functia datacom() la fiecare secunda
function arata() {
  if (document.getElementById("dataora"))
    setInterval("datacom()",1000)
}
window.onload=arata;
</script>

2. Dupa tagul <body>, in locatia unde vreti sa fie afisata data si ora, adaugati urmatorul cod:
<div style="width:200px; background-color:#0101fe; text-align:center" id="dataora"></div>

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care tag HTML5 adauga o aplicatie externa (SWF, PDF) in pagina web?
<mark> <embed> <canvas>
<embed src="flash_game.swf" width="450" height="350" />
Ce pseudo-element adauga un anume stil la prima linie de text din element?
:first-letter :before :first-line
#id:first-line {
  font-weight: bold;
  color: blue;
}
Clic pe proprietatea obiectului window care preia sau seteaza adresa URL a paginii curente.
window.location window.self window.status
var url = window.location;
alert(url);
Indicati functia PHP care preia continutul unui fisier sau pagina si-l adauga intr-un sir.
fopen() file_put_contents() file_get_contents()
$homepage = file_get_contents("http://www.marplo.net/");
echo $homepage;
Care din urmatoarele perechi de numere sunt in ordine unul dupa altu?
seven - eight ten - six three - five
This fruit has seven or eight seeds.
- Acest fruct are sapte sau opt seminte.
Care din urmatoarele perechi de numere sunt in ordine unul dupa altu?
diez - seis siete - ocho tres - cinco
Esta fruta tiene siete u ocho semillas.
- Acest fruct are sapte sau opt seminte.
Ora si data completa

Last accessed pages

  1. Cursuri Limba Rusa (5722)
  2. Viitor simplu si continuu - Future Tense Simple and Continuous (46077)
  3. Conditional IF in Limba Engleza - Fraze Conditionale (122818)
  4. Prezentul simplu - Exercitii si teste incepatori (69107)
  5. Camerele din locuinta, in casa (1069)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (482)
  2. Cursuri limba engleza gratuite si lectii online (200)
  3. Coduri pt culori (182)
  4. Gramatica limbii engleze - Prezentare Generala (175)
  5. Gramatica limbii spaniole. Indrumator si prezentare generala (158)