1. 首页 > 科技

html编写时间和日期? html出生日期选择框

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>