如何用html写代码，使得在网页上显示当前的时间和日期

安装如下步骤操作：

1.在电脑磁盘空白出右键-新建，点击文档

2.将文档命名为index，用记事本打开

3.

写入一下代码，如图：

4.在html头部写入获取时间的代码，如图

5.

在内容部分写入div标签，并附上ID，用来加载时间的载体。如图：

6.在头部写入div的样式如图，并保存

7.保存后，将文件后缀命名为html。点击查看，勾选文件扩展名

8.文件后缀命名由txt改为html

9.使用浏览器打开文件

10.可以看到编写的文件，网页显示时间了

在网页中动态的显示日期时间，一般都是使用js来实现，很简单，一看就会。

	
		
		
			function startTime()   
			{   
				var today=new Date();//定义日期对象   
				var yyyy = today.getFullYear();//通过日期对象的getFullYear()方法返回年    
				var MM = today.getMonth()+1;//通过日期对象的getMonth()方法返回年    
				var dd = today.getDate();//通过日期对象的getDate()方法返回年     
				var hh=today.getHours();//通过日期对象的getHours方法返回小时   
				var mm=today.getMinutes();//通过日期对象的getMinutes方法返回分钟   
				var ss=today.getSeconds();//通过日期对象的getSeconds方法返回秒   
				// 如果分钟或小时的值小于10，则在其值前加0，比如如果时间是下午3点20分9秒的话，则显示15：20：09   
				MM=checkTime(MM);
				dd=checkTime(dd);
				mm=checkTime(mm);   
				ss=checkTime(ss);    
				var day; //用于保存星期（getDay()方法得到星期编号）
				if(today.getDay()==0)   day   =   "星期日 " 
				if(today.getDay()==1)   day   =   "星期一 " 
				if(today.getDay()==2)   day   =   "星期二 " 
				if(today.getDay()==3)   day   =   "星期三 " 
				if(today.getDay()==4)   day   =   "星期四 " 
				if(today.getDay()==5)   day   =   "星期五 " 
				if(today.getDay()==6)   day   =   "星期六 " 
				document.getElementById('nowDateTimeSpan').innerHTML=yyyy+"-"+MM +"-"+ dd +" " + hh+":"+mm+":"+ss+"   " + day;   
				setTimeout('startTime()',1000);//每一秒中重新加载startTime()方法 
			}   
			
			function checkTime(i)   
			{   
				if (i<10){
					i="0" + i;
				}   
				  return i;
			}  
		
	
	
		当前时间：	
	

附上“倒计时”功能代码：

  距离2013/01/01年还剩000天0000时0000分0000秒


	function setTimer(){
		var targetDate = document.getElementById("target").value;
		var taget = new Date(targetDate);
		var now = new Date();
		var plus = taget.getTime() - now.getTime();
		var day = parseInt(plus/1000/60/60/24);
		var hour = parseInt(plus/1000/60/60) - day * 24;
		var minute = parseInt(plus/1000/60) - parseInt(plus/1000/60/60)*60;
		var second = parseInt(plus/1000) - parseInt(plus/1000/60)*60;
	    document.getElementById("p").innerHTML = "距离"+targetDate+"还剩" + day + "天" + hour + "时" + minute + "分" + second + "秒";
	} 
  setInterval(setTimer,1000);

使用setInterval()函数即可。

代码示例如下,可直接用于运行：

2016/12/21 上午12:00:00

下面是我给你写的一个简单的提取系统时间的代码哈、我加了一个功能带开关的、HTML是不能提取时间的、它只是实现布局、这个要用JS代码去实现的、你把我的代码复制进去试一下嘛、

html可以吗？？？
要不用动态语言，要不用js
html是死的，不用其他辅助语言是不可能去显示动态资料的！