设为首页 加入收藏
当前位置:首页 > 整站内容 > 特效代码 > 时间日期 > 详细内容
爪哇日历
发布时间:2010-1-27  阅读次数:10061  字体大小: 【】 【】【

<html>

<head>
<title>网页特效|Linkweb.cn/Js|---爪哇日历</title>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type">

<script language="JavaScript">
<!--
setCal()
function getTime() {
  var now = new Date()
  var hour = now.getHours()
  var minute = now.getMinutes()
  now = null
  var ampm = ""
  if (hour >= 12) {
    hour -= 12
    ampm = "下午"
  } else
    ampm = "上午"
  hour = (hour == 0) ? 12 : hour
  if (minute < 10)
    minute = "0" + minute
  return hour + ":" + minute + " " + ampm
}
function leapYear(year) {
  if (year % 4 == 0)
    return true
    return false
}

function getDays(month, year) {
  var ar = new Array(12)
  ar[0] = 31
  ar[1] = (leapYear(year)) ? 29 : 28
  ar[2] = 31
  ar[3] = 30
  ar[4] = 31
  ar[5] = 30
  ar[6] = 31
  ar[7] = 31
  ar[8] = 30
  ar[9] = 31
  ar[10] = 30
  ar[11] = 31
  return ar[month]
}

function getMonthName(month) {
  var ar = new Array(12)
  ar[0] = "1月"
  ar[1] = "2月"
  ar[2] = "3月"
  ar[3] = "4月"
  ar[4] = "5月"
  ar[5] = "6月"
  ar[6] = "7月"
  ar[7] = "8月"
  ar[8] = "9月"
  ar[9] = "10月"
  ar[10] = "11月"
  ar[11] = "12月"
  return ar[month]
}
function setCal() {
  var now = new Date()
  var year = now.getYear()
if (year<2000)
year=1900+year;
  var month = now.getMonth()
  var monthName = getMonthName(month)
  var date = now.getDate()
  now = null
  var firstDayInstance = new Date(year, month, 1)
  var firstDay = firstDayInstance.getDay()
  firstDayInstance = null
  var days = getDays(month, year)
  drawCal(firstDay + 1, days, date, monthName, year)
}
function drawCal(firstDay, lastDate, date, monthName, year) {
  var headerHeight = 50
  var border = 2
  var cellspacing = 4
  var headerColor = "midnightblue"
  var headerSize = "-1"
  var colWidth = 50
  var dayCellHeight = 10
  var dayColor = "darkblue"
  var cellHeight = 20
  var todayColor = "red"
  var timeColor = "purple"
  var text = ""
  text += '<CENTER>'
  text += '<TABLE BORDER=1'   + ' CELLSPACING=0'   + 'style="font-size: 9pt">'
  text +=   '<TH COLSPAN=7 HEIGHT=' + headerHeight + '>'
  text +=     ''
  text +=       year+'年'+ monthName + '日历'  
  text +=     ''
  text +=   '</TH>'
  var openCol = '<TD WIDTH=' + colWidth + ' HEIGHT=' + dayCellHeight + '>'
  openCol += '<FONT COLOR="' + dayColor + '">'
  var closeCol = '</FONT></TD>'
  var weekDay = new Array(7)
  weekDay[0] = "星期天"
  weekDay[1] = "星期一"
  weekDay[2] = "星期二"
  weekDay[3] = "星期三"
  weekDay[4] = "星期四"
  weekDay[5] = "星期五"
  weekDay[6] = "星期六"
  text += '<TR ALIGN="center" VALIGN="center"   style="font-size: 9pt">'
  for (var dayNum = 0; dayNum < 7; ++dayNum) {
    text += openCol + weekDay[dayNum] + closeCol
  }
  text += '</TR>'
  var digit = 1
  var curCell = 1
  for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) / 7); ++row) {
    text += '<TR ALIGN="right" VALIGN="top" style="font-size: 9pt">'
    for (var col = 1; col <= 7; ++col) {
      if (digit > lastDate)
        break
      if (curCell < firstDay) {
        text += '<TD></TD>';
        curCell++
      } else {
        if (digit == date) {
          text += '<TD HEIGHT=1>'
          text += '<FONT COLOR="' + todayColor + '">'
          text += digit
          text += '</FONT><BR>'
          text += '<FONT COLOR="' + timeColor + '" SIZE=2 style="font-size: 9pt">'
          text += '<CENTER>' + getTime() + '</CENTER>'
          text += '</FONT>'
          text += '</TD>'
        } else
          text += '<TD HEIGHT=' + cellHeight + '>' + digit + '</TD>'
        digit++
      }
    }
    text += '</TR>'
  }
  text += '</TABLE>'
  text += '</CENTER>'
  document.write(text)
}
//-->
</script>
<script language="JavaScript">
<!--
function MM_reloadPage(init) {   //reloads the window if Nav4 resized
   if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
       document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
   else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
</head>

<body>

</body>
</html>

预览效果

天猫商城    聚划算    天猫电器城    淘宝旅行    天猫超市    淘宝游戏    天猫品牌特卖    天猫母婴

我要评论
  • 匿名发表
  • [添加到收藏夹]
  • 发表评论:(匿名发表无需登录,已登录用户可直接发表。) 登录状态:未登录
最新评论
所有评论[0]
    暂无已审核评论!

全站链接: 
收录查询
分享按钮