日历javascript代码
以下代码用于生成一个小日历
<style type="text/css">
.tdclass {font-size: 9pt; padding: 4px}
</style>
<table cellspacing="0" cellpadding="0" border="0" align="center" bordercolor="white">
<tr align="center" bgcolor="#7BA5CE">
<td class="tdclass"><font color="white">公元 <span id="layerYear"></span>年<span id="layerMonth"></span>月<span id="layerDay"></span>日 星期<span id="layerWeek"></span></font></td>
</tr>
<tr align="center">
<td>
<span id="layerCalendar"></span>
</td>
</tr>
<tr align="center">
<td class="tdclass" bgcolor="#7BA5CE"><font color="white">现在时间：<span id="layerNow"></span></font></td>
</tr>
</table>
<script language="JavaScript" type="text/javascript">
<!--
// Written by caocao
// caocao@eastday.com
// http://nethermit.yeah.net
var dayArray=new Array("日","一","二","三","四","五","六");
var monthArray=[31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
var stringTable="<table cellspacing=/"0/" cellpadding=/"0/" border=/"1/" align=/"center/" bordercolor=/"#8F8FAF/"><tr bgcolor=/"#53A9FF/" align=/"center/">";
for (var i=0; i<dayArray.length; ++i)
{
stringTable+="<td class=/"tdclass/"><font color=/"white/"><b>"+dayArray[i]+"</b></font></td>";
}
stringTable+="</tr>";
function setValue(tag, str)
{
document.getElementById(tag).innerHTML=str;
}
function showTime()
{
var today=new Date();
var currentYear=today.getFullYear()
if (((currentYear%4==0)&&(currentYear%100!=0))||(currentYear%400==0))
monthArray[1]=29;
var allDays=monthArray[today.getMonth()];
var currentWeek=today.getDay();
var currentDay=today.getDate();
var i=currentDay%7-currentWeek;
var threshold=(7+i)%7;
var isEnd=false;
var stringAll=stringTable;
while (true)
{
if (isEnd)
{
stringAll+="<td class=/"tdclass/" bgcolor=/"#EEEEEE/"> </td>";
if (i % 7==(threshold+6)%7)
{
stringAll+="</tr>";
break;
}
}
else
{
if (i % 7==threshold)
stringAll+="<tr align=/"center/">";
stringAll+=i>0?"<td class=/"tdclass/""+(i==currentDay?" bgcolor=/"#FEA477/" style=/"color: #FFFFFF/"":"")+"><b>"+i+"</b></td>":"<td class=/"tdclass/" bgcolor=/"#EEEEEE/"> </td>";
if (i % 7==(threshold+6)%7)
{
stringAll+="</tr>";
if (i==allDays)
break;
}
if (i==allDays)
isEnd=true;
}
++i;
}
stringAll+="</table>";
setValue("layerYear", currentYear);
setValue("layerMonth", today.getMonth()+1);
setValue("layerDay", currentDay);
setValue("layerWeek", dayArray[currentWeek]);
setValue("layerCalendar", stringAll);
setValue("layerNow", today.getHours()+":"+today.getMinutes()+":"+today.getSeconds());
setTimeout("showTime()",1000);
}
showTime()
// -->
</script>
日历javascript代码相关推荐
- 非常不错的一款html5【404页面】,不含js脚本可以左右摆动,原生JavaScript实现日历功能代码实例(无引用Jq)...
这篇文章主要介绍了原生JavaScript实现日历功能代码实例(无引用Jq),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 成品显示,可左右切换月份 ...
- 梅花雨做的一个日历 Javascript 页面脚本控件
梅花雨做的一个日历 Javascript 页面脚本控件 比较好用,背景颜色可以自己用替换的形式改 //------------------------------------------------- ...
- 翻译-高质量JavaScript代码书写基本要点(转载)
by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=1173 原文作者:S ...
- javascript 代码_如何使您JavaScript代码保持简单并提高其可读性
javascript 代码 by Leonardo Lima 莱昂纳多·利马(Leonardo Lima) 如何使您JavaScript代码保持简单并提高其可读性 (How to keep your ...
- javascript 代码_代码简介：2016年JavaScript的现状
javascript 代码 Here are three stories we published this week that are worth your time: 这是我们本周发布的三个值得您 ...
- js如何运行python代码_python中执行javascript代码
python中执行javascript代码: 1.安装相应的库,我使用的是PyV8 2.import PyV8 ctxt = PyV8.JSContext() ctxt.enter() func = ...
- 优化javaScript代码，提高执行效率
今天看完书,总结了一下可以如何优化 JavaScript . 1.合并js文件 为优化性能,可以把多个js文件(css文件也可以)合并成极少数大文件.跟十个5k的js文件相比,合并成一个50k的文件更 ...
- easyui treegrid 获取新添加行inserted_18行JavaScript代码构建一个倒数计时器
有时候,你会需要构建一个JavaScript倒计时时钟.你可能会有一个活动.一个销售.一个促销或一个游戏.你可以用原生的JavaScript构建一个时钟,而不是去找一个插件.尽管有很多很棒的时钟插件, ...
- 如何优雅的编写 JavaScript 代码
几乎每个大一点公司都有一个"运行时间长,维护的工程师换了一批又一批"的项目,如果参与到这样的项目中来,大部分人只有一个感觉--"climb the shit mounta ...
最新文章
- 成都网络推广分享长尾词如何优化的3大技巧，值得收藏！
- 技术系统进化法则是_()是技术系统所有进化法则的基础。
- SAP CRM Fiori my task应用是如何在My Account应用里加载的
- linux truncate文件,linux系统编程：用truncate调整文件大小
- 如何在 vue-cli v3.0 中使用 SCSS/SASS
- 在keil uVision 2/uVision 3下使用伟福系列仿真器的方法：
- CV Code | 本周新出计算机视觉开源代码汇总（含图像修复、目标检测、医学图像分割、度量学习等）...
- 成为高级网络管理员必学知识
- GBDT(MART) 迭代决策树入门教程
- Dubious Document
- rtx3050和rtx3050ti区别 rtx3050和rtx3050ti显卡什么水平
- 填补国内空白 午芯高科国产首款“电容式”高分辨率MEMS气压计芯片率先上市
- 管理员才可以运行的：chkdsk:磁盘管理 sfc /scannow检测系统文件
- wingdings字体符号在哪_wingding、Wingdings2、wingdings3字体特殊符号和键盘字母相对应位置.doc...
- Python零基础速成班-第9讲-Python面向对象编程(上)，对象和类、初始化、继承、重写、多态、类方法、组合
- 了解Java线程优先级，更要知道对应操作系统的优先级，不然会踩坑
- 按要求编写一个Java应用程序程序： （1）定义一个接口CanFly，描述会飞的方法public void fly()； （2）分别定义类飞机和鸟，实现CanFly接
- 恢复被维金病毒感染的exe文件--我和病毒作斗争的3天
- SequoiaDB+Spark搭建医院临床知识库系统
- 浙江数字贸易交易会筹备期间，马云联合国分享数字经济浙江经验