html编写时间和日期? html出生日期选择框
如何用html写代码,使得在网页上显示当前的时间和日期
安装如下步骤操作:
1.在电脑磁盘空白出右键-新建,点击文档
2.将文档命名为index,用记事本打开
3.
写入一下代码,如图:
<html xmlns="www.w3./1999/xhtml">
<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时间代码
<script>
var d = new Date();
document.write(d.getHours() +":"+d.getMinutes());
</script>
注:
new Date()是创建一个日期对象,里面包含了年月日时分秒和毫秒
getHours()方法是取得小时数,getMinutes()是取得分钟数
求html代码,显示日历和时间的代码
<html>
<head>
<link rel="stylesheet" type="text/css" href="Skin.css">
<style>
<!--
table{ text-align: center }
-->
</style>
</head>
<body>
<div align="center">
<script language="javascript">
var my = new Date();
//***************************************************函数开始,这是用来显示日历的***********************
function showc() {
var k=1;
var j=1;
var today;
var tomonth;
var theday=1;//日期
var max;
var temp;
var tempday;//这个月第一天的星期
document.write ("<b>" + my.getFullYear() + "-" + (my.getMonth()+1) + "</b>");
document.write ("<table border='1' width='273' height='158'>");
document.write ("<tr>");
document.write ("<td height='23' width='39'><font color='red'>Sun</font></td>");
document.write ("<td height='23' width='39'>Mon</td>");
document.write ("<td height='23' width='39'>Tue</td>");
document.write ("<td height='23' width='39'>Wed</td>");
document.write ("<td height='23' width='39'>Thu</td>");
document.write ("<td height='23' width='39'>Fri</td>");
document.write ("<td height='23' width='39'>Sat</td>");
document.write ("</tr>");
temp=my.getDate();
my.setDate(1);
//document.write (my.getDate());
tempday=my.getDay();//返回第一天是星期几
my.setDate(temp);
today=my.getDay();//返回现在星期几
switch ((my.getMonth()+1)) {
case 1:
case 3:
case 5:
case 7:
case 8:
case 10:
case 12:
max=31;
break;
case 4:
case 6:
case 9:
case 11:
max=30;
break;
default:
max=29;//这里没有考虑闰月!!
//document.write (max);
}
for(k=0;k<6;k++) {
document.write ("<tr>");
for(j=0;j<=6;j++) {
document.write ("<td height='23' width='39'>");
if(j>=(tempday)) {
tempday=0;//设置为最小,相当于取消判断条件
if(theday<=max) {
document.write ("<a title=" + my.getFullYear() + "-" + (my.getMonth()+1) + "-" +theday + " target='_blank' href=detail.asp?date=" + theday + ">");
if(theday==my.getDate())
document.write ("<font color='green'>[" + theday + "]</font></a>");
else if(j==0)
document.write ("<font color='red'>" + theday + "</font></a>");
else
document.write (theday + "</a>");
theday++;
}
}
document.write ("</td>");
}
document.write ("</tr>");
}
document.write ("</table>");
}
//************************************************函数结束
showc();
</script>
</div>
<body>
</html>
这是显示日历代码
日期 时间 星期的html代码是什么代码
<script type="text/javascript">
var today = new Date(); //新建一个Date对象
var date = today.getDate();//查询当月日期
var day = today.getDay();//查询当前星期几
var month = today.getMonth()+1;//查询月份
var year = today.getFullYear();//查询年份
var hour=today.getHours();
var morning="";
if (hour>=8 & hour<=12) morning="上午好";
var week="";
if (day==0) week='星期日';
if (day==1) week='星期一';
if (day==2) week='星期二';
if (day==3) week='星期三';
if (day==4) week='星期四';
if (day==5) week='星期五';
if (day==6) week='星期六';
document.write(year+"年"+month+"月"+date+"日 "+week+" "+morning);
</script>