JavaScript
Урок  7
   
     
Урок 1        JavaScript ви дава възможност вие сами да 
Урок 2   предефинирате някои обекти. Такива обекти са: 
Урок 3 обекта за дата-date, oбекта за масив-array, oбекта за 
Урок 4 математически стойности-math. 
Урок 5 Първо ще видите методите и свойствата на  обекта-  
Урок 6 date. За да създадете нов обект от тип date, 
Урок 8 използвайте  оператора new.
today=new date() 
По този начин създадохте нов обект от тип date. Ако не сте указали конкретна дата и време, когато създавате нов обект от тип date, по подразбиране се взима текущата дата и време. Това означава, че обекта today представя датата и времето в момента на създаването му. Обекта date предоставя няколко метода, които могат да се използват от неговите наследеници(в случая от today): 
getHours()-връща часа 
setHours()-настройвате часа 
getMinutes()-връща минутите 
setMinutes()-настройвате минутите 
getSeconds-връща секундите 
setSeconds-настройвате секундите 
getMonth()-връща номер на месеца(0 за Януари..до11) 
setMonth()-настройвате номер на месеца 
getYear()-връща последните 2 цифри от годината 
setYear()-настройвате годината 
getDate()-връща номер на деня от месеца 
setDate()-настройва номер на деня от месеца 
getDay()-връща номер на деня от седмицата(Неделя=0 
...Събота=6) 

А сега да покажем датата и времето на обекта today: 
  
Кода е: 
<script language="JavaScript"> 
<!-- hide 
now= new Date(); 
document.write("Time: " + now.getHours() + ":" + now.getMinutes() + "<br>"); 
document.write("Date: " + (now.getMonth() + 1) + "/" + now.getDate() + "/" +   (1900 + now.getYear())); 
// --> 
</script> 
Виждате, че този обект показва времето в момента на създаването си(когато сте заредили страницата). Не бъркайте обекта date с часовник! 
  
     Естествено вие може да укажете датата на създадения от вас обект: 
today= new Date(1999, 0, 1, 17, 45, 55) 
датата, която показва този обект е 1 януари 1999 година в 17:45 и 55 секунди т.е. 
Date(year, month, day, hours, minutes, seconds)  
има още един начин за задване на дата: 
Date("month day,year hours:minutes:seconds") 

     A сега вижте една програма, която ще показва времето като електронен часовник. Разгледайте кода и се опитайте да го разберете: 
 
 

Пример                                                                7.1
<html> 
<head> 

<script Language="JavaScript"> 
<!-- hide 

var timeStr, dateStr; 

function clock() { 
   now= new Date(); 

  // time  
 hours= now.getHours(); 
 minutes= now.getMinutes(); 
  seconds= now.getSeconds(); 
  timeStr= "" + hours; 
timeStr+= ((minutes < 10) ? ":0" : ":") + minutes; 
  timeStr+= ((seconds < 10) ? ":0" : ":") + seconds; 
 document.clock.time.value = timeStr; 

        // date 
        date= now.getDate(); 
        month= now.getMonth()+1; 
        year= now.getYear(); 
        dateStr= "" + month; 
 dateStr+= ((date < 10) ? "/0" : "/") + date; 
  dateStr+= "/" + year; 
 document.clock.date.value = dateStr; 

  Timer= setTimeout("clock()",1000); 
} 

// --> 
</script> 
</head> 

<body onLoad="clock()" bgColor="#00fffff"> 

<form name="clock"> 
  Time: 
  <input type="text" name="time" size="8"  value=""><br> 
  Date: 
  <input type="text" name="date" size="8" value=""> 
</form> 

</body> 
</html>

Натисни отгоре и виж!
Пример1
  

Използва се метода setTimeout(), за да обнови времето и датата всяка секунда т.е. всяка секунда се създава нов обект date  с текущото време.  

     А сега ще видите основните свойства и методи на обекта array. 
Предполагам, че знаете какво е това масив , но за съвсем начинаещите-съвкупност от еднотипни елементи като всеки елемент е достъпен чрез индекса си. 
За да създадете масив отново използвайте оператора new:  
myArray=new Array() 
И сега може да дадете стойности на елементите в този масив ето така: 
myArray[0]= 17; 
myArray[1]= "one"; 
myArray[2]= "Java"; 
Може и да ви изглежда странно, но в JavaScript не е необходимо предварително да указвате дължината на масива нито пък елементите да са еднотипни. 
Може да дефинирате масив и така: 
myArray=new Array(17,"one","Java") 
Ако искате предварително да укажете дължината:  
myArray=new Array(lenght), трябва да имате в предвид, че lenght трябва да е цяло положително число. Забележете, че индексите започват да се именят от 0, т.е. в new Array(5) ще има 6 елемнта. 
Като  начало вижте един елементарен пример за масив: 

  

Пример                                                                                   7.2
<html> 
<head> 
<title>Масив</title> 
</head> 
<body bgColor="yellow"> 
<script language="JavaScript"> 
<!-- hide 

myArray= new Array(); 

myArray[0]= "first element"; 
myArray[1]= "second element"; 
myArray[2]= "third element"; 

for (var i= 0; i< 3; i++) { 
  document.write(myArray[i] + "<br>"); 
} 
//--> 
</script> 
</body> 
</html> 
 

Натисни отгоре и виж!
Пример2
  
В този пример се създава масив myArray, въвеждат се три елемента в него, след което се визуализират на екрана с помощта на цикъл. 
     Със следващия пример ще покажа основните методи на обекта array: 
 
 
Пример                                                                                   7.3
<html> 
<body> 
<script language="JavaScript"> 
<!-- hide 
arr1=new Array("one","two","three",22) 
arr2=new Array("nie","vie","te") 

document.write("Брой елементи в arr1-"+arr1.length+"<p>")  

document.write("елементи в arr2-"+arr2.join("/")+"<p>") 

arr3=arr1.concat(arr2) 

document.write("Брой елементи в arr3=arr1+arr2-"+arr3.length+"<p>") 

document.write("елементи в arr3- "+arr3.join(":")+"<p>") 

arr3.sort(); 

document.write("arr3-"+arr3.join(",")+"<p>") 
// --> 
</script> 
</body> 
</html> 
 

Натисни отгоре и виж!
Пример3
  
     Методите са оцветени в червено: 
arrayXXX.lenght-връща дължината на масива arrayXXX 
arrayXXX.join("?")-представя елементите на масива като низ, разделени помежду си със символ определен от вас. Символа се поставя в скобите (където е ?). 
arrayXXX.sort()-сортира елементите на масива arrayXXX в  нарастващ ред. 
arrayXXX.concat(arrayYYY)-конкатенира масив с име arrayXXX с масив с име arrayYYY и ако не е указано друго връща резултата в arrayXXX. 

И накрая да разгледаме методите на обекта Math. 
Първо разгледайте примера: 

 
 

Пример                                                                                   7.4
<html> 
<body bgColor="red"> 
Дадени са три променливи-x=3,y=8,z=6.4 
<br><br> 
<script language="JavaScript"> 
<!--hide 
var x=3,y=8,z=6.4 
with(Math){ 
document.write 
("Максималното от x и y e ") 
document.write(max(x,y)) 
document.write("<br>") 
document.write("Минималното от x и y e") 
document.write(min(x,y)) 
document.write("<br>") 
document.write("x na степен y е") 
document.write(pow(x,y)) 
document.write("<br>") 
document.write("greater then z") 
document.write(ceil(z)) 
document.write("<br>") 
document.write("smaller then z ") 
document.write(floor(z)) 
} 
//--> 
</script> 
</body> 
</html> 
 
Натисни отгоре и виж!
Пример4
  
 
 Методите max(x,y) и min(x,y) връщат съответно по-голямото и по-малкото число от x и y. 
pow(x,y)-повдига x на степен y 
ceil(z)-връща най-малкото цяло число, по-голямо или 
Урок 1 равно на z 
Урок 2 floor(z)-връща най-голямото цяло число, по-малко или 
Урок 3 равно на z.
Урок 4      В следващия урок ще  видите как може да 
Урок 5 манипулирате картинки чрез JavaScript.
Урок 6  
Урок 8   //Choose View-Encoding:Cyrillic from the menu //