html网页动态日历代码(html日历怎么弄)
用html制作网页,怎么在网页中动态显示当前时间,代码怎么写?
今天是script language="javascript"
var mydate=new Date();
var mymonth=mydate.getMonth()+1;
var myday= mydate.getDate();
var myyear= mydate.getYear();
document.write(myyear+"-"+mymonth+"-"+myday);/script,欢迎访问XX网
把上面部分复制到记事本后,再从记事本直接复制到网页代码中(记事本过渡一下,是为了去掉所有格式),代码已测试过
求日历的HTML代码...
网页台历代码如下:html
head
title网页上的日期台历/title
STYLE
A.menuitem {
COLOR: menutext; TEXT-DECORATION: none
}
A.menuitem:hover {
COLOR: highlighttext; BACKGROUND-COLOR: highlight
}
DIV.contextmenu {
BORDER-RIGHT: 2px outset; BORDER-TOP: 2px outset; Z-INDEX: 999; VISIBILITY: hidden; BORDER-LEFT: 2px outset; BORDER-BOTTOM: 2px outset; POSITION: absolute; BACKGROUND-COLOR: buttonface
}
/STYLE
/head
body
SCRIPT language=JavaScript
function Year_Month(){
var now = new Date();
var yy = now.getYear();
var mm = now.getMonth()+1;
var cl = 'font color="#0000df"';
if (now.getDay() == 0) cl = 'font color="#c00000"';
if (now.getDay() == 6) cl = 'font color="#00c000"';
return(cl + yy + '年' + mm + '月/font'); }
function Date_of_Today(){
var now = new Date();
var cl = 'font color="#ff0000"';
if (now.getDay() == 0) cl = 'font color="#c00000"';
if (now.getDay() == 6) cl = 'font color="#00c000"';
return(cl + now.getDate() + '/font'); }
function Day_of_Today(){
var day = new Array();
day[0] = "星期日";
day[1] = "星期一";
day[2] = "星期二";
day[3] = "星期三";
day[4] = "星期四";
day[5] = "星期五";
day[6] = "星期六";
var now = new Date();
///
var cl = 'font color="#0000df"';
if (now.getDay() == 0) cl = 'font color="#c00000"';
if (now.getDay() == 6) cl = 'font color="#00c000"';
return(cl + day[now.getDay()] + '/font'); }
function CurentTime(){
var now = new Date();
var hh = now.getHours();
var mm = now.getMinutes();
var ss = now.getTime() % 60000;
ss = (ss - (ss % 1000)) / 1000;
var clock = hh+':';
if (mm 10) clock += '0';
clock += mm+':';
if (ss 10) clock += '0';
clock += ss;
return(clock); }
function refreshCalendarClock(){
document.all.calendarClock1.innerHTML = Year_Month();
document.all.calendarClock2.innerHTML = Date_of_Today();
document.all.calendarClock3.innerHTML = Day_of_Today();
document.all.calendarClock4.innerHTML = CurentTime(); }
var webUrl = webUrl;
document.write('table border="0" cellpadding="0" cellspacing="0"trtd');
document.write('table id="CalendarClockFreeCode" border="0" cellpadding="0" cellspacing="0" width="60" height="70" ');
document.write('style="position:absolute;visibility:hidden" bgcolor="#eeeeee"');
document.write('trtd align="center"font ');
document.write('style="cursor:hand;color:#ff0000;font-size:14pt;line-height:120%" ');
if (webUrl != 'netflower'){
document.write('/td/trtrtd align="center"font ');
document.write('style="cursor:hand;color:#2000ff;font-size:9pt;line-height:110%" ');
}
document.write('/td/tr/table');
document.write('table border="0" cellpadding="0" cellspacing="0" width="61" bgcolor="#C0C0C0" height="70"');
document.write('trtd valign="top" width="100%" height="100%"');
document.write('table border="1" cellpadding="0" cellspacing="0" width="58" bgcolor="#FEFEEF" height="67"');
document.write('trtd align="center" width="100%" height="100%" ');
document.write('font id="calendarClock1" style="font-size:7pt;line-height:120%"/fontbr');
document.write('font id="calendarClock2" style="color:#ff0000;font-family:Arial;font-size:14pt;line-height:120%"/fontbr');
document.write('font id="calendarClock3" style="font-size:9pt;line-height:120%"/fontbr');
document.write('font id="calendarClock4" style="color:#100080;font-size:8pt;line-height:120%"b/b/font');
document.write('/td/tr/table');
document.write('/td/tr/table');
document.write('/td/tr/table');
setInterval('refreshCalendarClock()',1000);
/SCRIPT
/body
/html
html怎么写这个日历
!DOCTYPE?html
html?lang="en"
head
meta?charset="UTF-8"
title/title
style
table?{
width:?230px;
margin:?auto;
text-align:?center;
border:?1px?solid?darkcyan;
border-bottom:?3px?double?darkcyan;
box-shadow:?0?1px?2px?darkcyan;
}
th,
td?{
border:?1px?solid?darkcyan;
}
.today?{
color:?red;
}
/style
script
//判断当前年份是否是闰年(闰年2月份有29天,平年2月份只有28天)
function?isLeap(year)?{
return?year?%?4?==?0???(year?%?100?!=?0???1?:?(year?%?400?==?0???1?:?0))?:?0;
}
var?i,?k,
today?=?new?Date(),?//获取当前日期
y?=?today.getFullYear(),?//获取日期中的年份
m?=?today.getMonth(),?//获取日期中的月份(需要注意的是:月份是从0开始计算,获取的值比正常月份的值少1)
d?=?today.getDate(),?//获取日期中的日(方便在建立日期表格时高亮显示当天)
firstday?=?new?Date(y,?m,?1),?//获取当月的第一天
dayOfWeek?=?firstday.getDay(),?//判断第一天是星期几(返回[0-6]中的一个,0代表星期天,1代表星期一,以此类推)
days_per_month?=?new?Array(31,?28?+?isLeap(y),?31,?30,?31,?30,?31,?31,?30,?31,?30,?31),?//创建月份数组
str_nums?=?Math.ceil((dayOfWeek?+?days_per_month[m])?/?7);?//确定日期表格所需的行数
document.write("table?cellspacing='0'trtd?colspan?='7'"?+?y?+?"年"?+?(m?+?1)?+?"月"?+?"/td/tr");
document.write("trth日/thth一/thth二/thth三/thth四/thth五/thth六/th/tr");?//打印表格第一行(显示星期)
for(i?=?0;?i??str_nums;?i?+=?1)?{?//二维数组创建日期表格
document.write('tr');
for(k?=?0;?k??7;?k++)?{
var?idx?=?7?*?i?+?k;?//为每个表格创建索引,从0开始
var?date?=?idx?-?dayOfWeek?+?1;?//将当月的1号与星期进行匹配
(date?=?0?||?date??days_per_month[m])???date?=?'?':?date?=?idx?-?dayOfWeek?+?1;?//索引小于等于0或者大于月份最大值就用空表格代替
date?==?d???document.write('td?class="today"'?+?date?+?'/td')?:?document.write('td'?+?date?+?'/td');?//高亮显示当天
}
document.write('/tr');
}
document.write('/table');
/script
/head
body
/body
/html
如何用html写代码,使得在网页上显示当前的时间和日期
安装如下步骤操作:
1.在电脑磁盘空白出右键-新建,点击文档
2.将文档命名为index,用记事本打开
3.
写入一下代码,如图:
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html"/
title时间的动态显示/title
/head
body
/body
/html
4.在html头部写入获取时间的代码,如图
script language="javascript"
var t = null;
t = setTimeout(time,1000);//开始执行
function time()
{
clearTimeout(t);//清除定时器
dt = new Date();
var y=dt.getYear()+1900;
var mm=dt.getMonth()+1;
var d=dt.getDate();
var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
var day=dt.getDay();
var h=dt.getHours();
var m=dt.getMinutes();
var s=dt.getSeconds();
if(h10){h="0"+h;}
if(m10){m="0"+m;}
if(s10){s="0"+s;}
document.getElementById("timeShow").innerHTML = ?"现在的时间为:"+y+"年"+mm+"月"+d+"日"+weekday[day]+" ? ?
"+h+":"+m+":"+s+"";
t = setTimeout(time,1000); //设定定时器,循环执行 ? ? ? ?
}
/script
5.
在内容部分写入div标签,并附上ID,用来加载时间的载体。如图:
div id="timeShow" class="time1"/div
6.在头部写入div的样式如图,并保存
style
.time1{width:100%; height:50px; background:#FFF000; line-height:50px; text-align:center;}
/style
7.保存后,将文件后缀命名为html。点击查看,勾选文件扩展名
8.文件后缀命名由txt改为html
9.使用浏览器打开文件
10.可以看到编写的文件,网页显示时间了
求时间日期html代码,带农历!(高手进)
下面代码可以实现你要的功能,如下。至于你看不到它的真实的源代码,它可能通过程序动态加载,或者是js调用。你看到的,仅仅是静态的html代码而已!
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
title单行带农历的日期时间代码/title
/head
body
SCRIPT language=JavaScript
!--
function CalConv()
{
FIRSTYEAR = 1998;
LASTYEAR = 2031;
today = new Date();
SolarYear = today.getFullYear();
SolarMonth = today.getMonth() + 1;
SolarDate = today.getDate();
Weekday = today.getDay();
LunarCal = [
new tagLunarCal( 27, 5, 3, 43, 1, 0, 0, 1, 0, 0, 1, 1, 0, 1, 1, 0, 1 ),
new tagLunarCal( 46, 0, 4, 48, 1, 0, 0, 1, 0, 0, 1, 0, 1, 1, 1, 0, 1 ),
new tagLunarCal( 35, 0, 5, 53, 1, 1, 0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1 ),
new tagLunarCal( 23, 4, 0, 59, 1, 1, 0, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1 ),
new tagLunarCal( 42, 0, 1, 4, 1, 1, 0, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1 ),
new tagLunarCal( 31, 0, 2, 9, 1, 1, 0, 1, 1, 0, 1, 0, 0, 1, 0, 1, 0 ),
new tagLunarCal( 21, 2, 3, 14, 0, 1, 0, 1, 1, 0, 1, 0, 1, 0, 1, 0, 1 ),
new tagLunarCal( 39, 0, 5, 20, 0, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 0, 1 ),
new tagLunarCal( 28, 7, 6, 25, 1, 0, 1, 0, 1, 0, 1, 0, 1, 1, 0, 1, 1 ),
new tagLunarCal( 48, 0, 0, 30, 0, 0, 1, 0, 0, 1, 0, 1, 1, 1, 0, 1, 1 ),
new tagLunarCal( 37, 0, 1, 35, 1, 0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1 ),
new tagLunarCal( 25, 5, 3, 41, 1, 1, 0, 0, 1, 0, 0, 1, 0, 1, 0, 1, 1 ),
new tagLunarCal( 44, 0, 4, 46, 1, 0, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1, 1 ),
new tagLunarCal( 33, 0, 5, 51, 1, 0, 1, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1 ),
new tagLunarCal( 22, 4, 6, 56, 1, 0, 1, 1, 0, 1, 0, 1, 0, 1, 0, 1, 0 ),
new tagLunarCal( 40, 0, 1, 2, 1, 0, 1, 1, 0, 1, 0, 1, 0, 1, 0, 1, 0 ),
new tagLunarCal( 30, 9, 2, 7, 0, 1, 0, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1 ),
new tagLunarCal( 49, 0, 3, 12, 0, 1, 0, 0, 1, 0, 1, 1, 1, 0, 1, 0, 1 ),
new tagLunarCal( 38, 0, 4, 17, 1, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1, 0 ),
new tagLunarCal( 27, 6, 6, 23, 0, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1, 1, 1 ),
new tagLunarCal( 46, 0, 0, 28, 0, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1, 1, 0 ),
new tagLunarCal( 35, 0, 1, 33, 0, 1, 1, 0, 1, 0, 0, 1, 0, 0, 1, 1, 0 ),
new tagLunarCal( 24, 4, 2, 38, 0, 1, 1, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1 ),
new tagLunarCal( 42, 0, 4, 44, 0, 1, 1, 0, 1, 0, 1, 0, 1, 0, 1, 0, 1 ),
new tagLunarCal( 31, 0, 5, 49, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 0, 1, 0 ),
new tagLunarCal( 21, 2, 6, 54, 0, 1, 0, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1 ),
new tagLunarCal( 40, 0, 0, 59, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1, 0, 1 ),
new tagLunarCal( 28, 6, 2, 5, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1, 1, 1, 0 ),
new tagLunarCal( 47, 0, 3, 10, 1, 0, 1, 0, 0, 1, 0, 0, 1, 1, 1, 0, 1 ),
new tagLunarCal( 36, 0, 4, 15, 1, 1, 0, 1, 0, 0, 1, 0, 0, 1, 1, 0, 1 ),
new tagLunarCal( 25, 5, 5, 20, 1, 1, 1, 0, 1, 0, 0, 1, 0, 0, 1, 1, 0 ),
new tagLunarCal( 43, 0, 0, 26, 1, 1, 0, 1, 0, 1, 0, 1, 0, 0, 1, 0, 1 ),
new tagLunarCal( 32, 0, 1, 31, 1, 1, 0, 1, 1, 0, 1, 0, 1, 0, 1, 0, 0 ),
new tagLunarCal( 22, 3, 2, 36, 0, 1, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 0 ) ];
SolarCal = [ 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31 ];
SolarDays = [ 0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334, 365, 396, 0, 31, 60, 91, 121, 152, 182, 213, 244, 274, 305, 335, 366, 397 ];
if ( SolarYear = FIRSTYEAR || SolarYear LASTYEAR ) return 1;
sm = SolarMonth - 1;
if ( sm 0 || sm 11 ) return 2;
leap = GetLeap( SolarYear );
if ( sm == 1 )
d = leap + 28;
else
d = SolarCal[sm];
if ( SolarDate 1 || SolarDate d ) return 3;
y = SolarYear - FIRSTYEAR;
acc = SolarDays[ leap*14 + sm ] + SolarDate;
kc = acc + LunarCal[y].BaseKanChih;
Kan = kc % 10;
Chih = kc % 12;
Age = kc % 60;
if ( Age 22 )
Age = 22 - Age;
else
Age = 82 - Age;
if ( acc = LunarCal[y].BaseDays ) {
y--;
LunarYear = SolarYear - 1;
leap = GetLeap( LunarYear );
sm += 12;
acc = SolarDays[leap*14 + sm] + SolarDate;
}
else
LunarYear = SolarYear;
l1 = LunarCal[y].BaseDays;
for ( i=0; i13; i++ ) {
l2 = l1 + LunarCal[y].MonthDays[i] + 29;
if ( acc = l2 ) break;
l1 = l2;
}
LunarMonth = i + 1;
LunarDate = acc - l1;
im = LunarCal[y].Intercalation;
if ( im != 0 LunarMonth im ) {
LunarMonth--;
if ( LunarMonth == im ) LunarMonth = -im;
}
if ( LunarMonth 12 ) LunarMonth -= 12;
today=new Date();
function initArray(){
this.length=initArray.arguments.length
for(var i=0;ithis.length;i++)
this[i+1]=initArray.arguments[i] }
var d=new initArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
document.write("", today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日?",d[today.getDay()+1],"");
months = ["一","二","三","四","五","六","七","八","九","十","十一","十二"];
days = ["初一","初二","初三","初四","初五","初六","初七","初八","初九","初十","十一","十二","十三","十四","十五","十六","十七","十八","十九","二十","廿一","廿二","廿三","廿四","廿五","廿六","廿七","廿八","廿九","三十"];
document.write( "?农历"+months[LunarMonth-1]+"月" + days[LunarDate-1] + "");
return 0;
}
function GetLeap( year )
{
if ( year % 400 == 0 )
return 1;
else if ( year % 100 == 0 )
return 0;
else if ( year % 4 == 0 )
return 1;
else
return 0;
}
function tagLunarCal( d, i, w, k, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11, m12, m13) {
this.BaseDays = d;
this.Intercalation = i;
this.BaseWeekday = w;
this.BaseKanChih = k;
this.MonthDays = [ m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11, m12, m13 ];
}
//--
/SCRIPT
a target=_blank href=;FONT color=#2b68a7SCRIPTCalConv();/SCRIPT/FONT/a
/body
/html