html时间代码(html源码下载)
各位老铁们好，相信很多人对html时间代码都不是特别的了解，因此呢，今天就来为大家分享下关于html时间代码以及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(h<10){h="0"+h;}
if(m<10){m="0"+m;}
if(s<10){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 显示不了当前时间,代码如下
<!DOCTYPEhtml>
<html>
<head>
<title>显示当前日期及时间</title>
</head>
<body>
<scripttype="text/javascript">
/*本段函数控制小时、分钟、秒数的双位表示*/
functioncheckTime(i){
if(i<10)
{i="0"+i}
returni
}
</script>
<scripttype="text/javascript">
window.onload=function(){
vard=newDate()//新建一个Date对象
varyear=d.getFullYear()//获取年份
varmonth=d.getMonth()+1//获取月份
varday=d.getDate()//获取日期
varhour=d.getHours()//获取小时
varmin=d.getMinutes()//获取分钟
varsec=d.getSeconds()//获取秒数
//document.write(year+"-"+month+"-"+day+"//"+checkTime(hour)+":"+checkTime(min)+":"+checkTime(sec))
document.getElementById("bar").value=year+"-"+month+"-"+day+"//"+checkTime(hour)+":"+checkTime(min)+":"+checkTime(sec);
}
</script>
<inputclass="input-xlargefocused"id="bar"type="text"value="">
</body>
</html>1.修改input中的值，需要用value
2.你源代码中是获取不到 id='bar'的，因为浏览器还没有加载完页面就先执行js了，所以需要将js代码放到window.onload中，保证js是在浏览器加载完页面之后执行。
求时间日期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; i<13; 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;i<this.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= color=#2b68a7><SCRIPT>CalConv();</SCRIPT></FONT></a>
</body>
</html>
好了，文章到这里就结束啦，如果本次分享的html时间代码和html源码下载问题对您有所帮助，还望关注下本站哦！