<BODY>
<CENTER>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
monthnames = new Array(
"January",
"Februrary",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"Decemeber");
var linkcount=0;
function addlink(month, day, href) {
var entry = new Array(3);
entry[0] = month;
entry[1] = day;
entry[2] = href;
this[linkcount++] = entry;
}
Array.prototype.addlink = addlink;
linkdays = new Array();
monthdays = new Array(12);
monthdays[0]=31;
monthdays[1]=28;
monthdays[2]=31;
monthdays[3]=30;
monthdays[4]=31;
monthdays[5]=30;
monthdays[6]=31;
monthdays[7]=31;
monthdays[8]=30;
monthdays[9]=31;
monthdays[10]=30;
monthdays[11]=31;
todayDate=new Date();
thisday=todayDate.getDay();
thismonth=todayDate.getMonth();
thisdate=todayDate.getDate();
thisyear=todayDate.getYear();
thisyear = thisyear % 100;
thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
if (((thisyear % 4 == 0)
&& !(thisyear % 100 == 0))
||(thisyear % 400 == 0)) monthdays[1]++;
startspaces=thisdate;
while (startspaces > 7) startspaces-=7;
startspaces = thisday - startspaces + 1;
if (startspaces < 0) startspaces+=7;
document.write("<table border=2 bgcolor=white ");
document.write("bordercolor=black><font color=black>");
document.write("<<tr><td colspan=7><center><strong>" + monthnames[thismonth] + " " + thisyear + "</strong></center></font></td></tr>"); document.write("<tr>");
document.write("<td align=center>Su</td>");
document.write("<td align=center>M</td>");
document.write("<td align=center>Tu</td>");
document.write("<td align=center>W</td>");
document.write("<td align=center>Th</td>");
document.write("<td align=center>F</td>");
document.write("<td align=center>Sa</td>");
document.write("</tr>");
document.write("<tr>");
for (s=0;s<startspaces;s++) {
document.write("<td> </td>");
}
count=1;
while (count <= monthdays[thismonth]) {
for (b = startspaces;b<7;b++) {
linktrue=false;
document.write("<td>");
for (c=0;c<linkdays.length;c++) {
if (linkdays[c] != null) {
if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
document.write("<a href=\"" + linkdays[c][2] + "\">");
linktrue=true;
}
}
}
if (count==thisdate) {
document.write("<font color='FF0000'><strong>");
}
if (count <= monthdays[thismonth]) {
document.write(count);
}
else {
document.write(" ");
}
if (count==thisdate) {
document.write("</strong></font>");
}
if (linktrue)
document.write("</a>");
document.write("</td>");
count++;
}
document.write("</tr>");
document.write("<tr>");
startspaces=0;
}
document.write("</table></p>");
// End -->
</SCRIPT>
</CENTER>
B. Membuat Jam bergabung dengan Kalender sederhana dengan Java script
<html>
<head>
<title>Membuat Jam Sederhana dengan JavaScript Date and Time Object</title>
<script type="text/javascript">
var t, day, minute, second;
var daynumber, monthnumber, monthday, year;
var hari, bulan;
window.onload =function(){
//start jam
var sec =document.getElementById('the-time');
sec.timer =setInterval(function(){jam()},1000);
}
function jam(){
if(t != null) t=null;
t = new Date();
hour = t.getHours(); // Jumlah jam (0-23)
minute = t.getMinutes(); // Jumlah menit (0-59)
second = t.getSeconds(); // Jumlah detik (0-59)
daynumbe = t.getDay();
monthnumber = t.getMonth(); // Jumlah bulan (0-11)
monthday = t.getDate(); // Hari dari bulan (0-31)
year = t.getFullYear();
//jam
if(hour < 10) hour ='0'+hour;
if(minute < 10) minute ='0'+minute;
if(second < 10) second ='0'+second;
//hari
hari = getTheDay(daynumber);
//bulan
bulan = getTheMonth(monthnumber);
document.getElementById('the-time').innerHTML=hour+':'+minute+':'+second;
document.getElementById('the-day').innerHTML=hari;
document.getElementById('the-date').innerHTML=monthday+' '+bulan+' '+year;
}
function getTheDay(num){
if(num == 1) return 'Senin';
else if(num == 2) return 'Selase';
else if(num == 3) return 'Rabu';
else if(num == 4) return 'Kamis';
else if(num == 5) return 'Jumat';
else if(num == 6) return 'Sabtu';
else if(num == 0) return 'Minggu';
}
function getTheMonth(num){
if(num == 0) return 'Januari';
else if(num == 1) return 'Pebruari';
else if(num == 2) return 'Maret';
else if(num == 3) return 'April';
else if(num == 4) return 'Mei';
else if(num == 5) return 'Juni';
else if(num == 6) return 'Juli';
else if(num == 7) return 'Agustus';
else if(num ==8) return 'September';
else if(num == 9) return 'Oktober';
else if(num == 10) return 'November';
else if(num == 11) return 'Desember';
}
</script>
</head>
<body>
<div id="wrapper">
<h1>JavaScript Date and Time Object</h1>
<div>
<div id="the-time">00:00:00</div>
<div id="day-wrap">
<div id="the-day">Rabu</div>
<div id="the-date">17 November 2010</div>
</div>
<p> </p>
<p> </p>
</body>
</html>
semoga bermanfaat guys...
BalasHapus