JavaScript örnekleri 10

JavaScript ÖRNEKLERİ

Örnek 10

TAKVİM Örneği;
(IE4.0 içindir...)

.... tagları arasına yerleştirilecek HTML kodu;

.... tagları arasına yerleştirilecek HTML kodu;

function stopclock (){
        if(timerRunning)
                clearTimeout(timerID);
        timerRunning = false;
}

function showtime () {
        var now = new Date();
        var hours = now.getHours();
        var minutes = now.getMinutes();
        var seconds = now.getSeconds()
        var timeValue = "" + ((hours >12) ? hours -12 :hours)
        timeValue += ((minutes < 10) ? ":0" : ":") + minutes
        timeValue += ((seconds < 10) ? ":0" : ":") + seconds
        timeValue += (hours >= 12) ? " P.M." : " A.M."
        document.clock.face.value = timeValue;
        timerID = setTimeout("showtime()",1000);
        timerRunning = true;
}

function startclock () {
        stopclock();
        showtime();
}

function greeting()
{
   var today = new Date();
   var hrs = today.getHours();

document.writeln("<CENTER>");
   document.writeln("<BR>");
   document.write("<H1>Merhaba, ");
   if (hrs < 6)
      document.write("(Early) Morning");
   else if (hrs < 12)
      document.write("Günaydın");
   else if (hrs <= 18)
      document.write("Nasılsınız");
   else
      document.write("İyi Akşamlar");
   document.writeln("!</H1>");
   document.writeln("<form name='clock' onSubmit='0'>");
   document.writeln("<input type='text' name='face' size=13 value=''>");
   document.writeln("</form>");
   document.write("Sayfaya baktığınız andaki zaman durumu ");
   dayStr = today.toLocaleString();
   document.write(dayStr);
   document.writeln("</CENTER>");
}

function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11)
{
   this[0] = m0;
   this[1] = m1;
   this[2] = m2;
   this[3] = m3;
   this[4] = m4;
   this[5] = m5;
   this[6] = m6;
   this[7] = m7;
   this[8] = m8;
   this[9] = m9;
   this[10] = m10;
   this[11] = m11;
}

function calendar()
{
   var monthNames = "OcaSubMarNisMayHazTemAğuEylEkiKasAra";
   var today = new Date();
   var thisDay;
   var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30,
      31, 30, 31);
   
   year = today.getYear() + 1900;
   thisDay = today.getDate();

if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0))
      monthDays[1] = 29;

nDays = monthDays[today.getMonth()];

firstDay = today;
   firstDay.setDate(1); // works fine for most systems
   testMe = firstDay.getDate();
   if (testMe == 2)
        firstDay.setDate(0);

startDay = firstDay.getDay();
     
   document.writeln("<CENTER>");
   document.write("<TABLE BORDER>");
   document.write("<TR><TH COLSPAN=7>");
   document.write(monthNames.substring(today.getMonth() * 3,
      (today.getMonth() + 1) * 3));
   document.write(". ");
   document.write(year);
   document.write("<TR><TH>Paz<TH>Sal<TH>Çar<TH>Per<TH>Cum<TH>Cts<TH>Paz");

document.write("<TR>");
   column = 0;
   for (i=0; i<startDay; i++)
   {
      document.write("<TD>");
      column++;
   }

for (i=1; i<=nDays; i++)
   {
      document.write("<TD>");
      if (i == thisDay)
         document.write("<FONT COLOR=\"#FF0000\">")
      document.write(i);
      if (i == thisDay)
        document.write("</FONT>")
      column++;
      if (column == 7)
      {
         document.write("<TR>"); 
         column = 0;
      }
   }
   document.write("</TABLE>");
   document.writeln("</CENTER>");
}
greeting();
document.write("</br>");
calendar();
document.write("");

//  -->
</SCRIPT>

Son olarak imi içerisine { onLoad="startclock()" } kodunu yazmalısınız...