html网页动态日历代码(html日历怎么弄)

http://www.itjxue.com  2023-02-16 05:06  来源:未知  点击次数: 

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

(责任编辑:IT教学网)

更多

推荐MYSQL文章