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

1.在电脑磁盘空白出右键-新建,点击文档 2.将文档命名为index,用记事本打开 3.写入一下代码,如图: 时间的动态显示 4....
如何用html写代码,使得在网页上显示当前的时间和日期
下面是我给你写的一个简单的提取系统时间的代码哈、我加了一个功能带开关的、HTML是不能提取时间的、它只是实现布局、这个要用JS代码去实现的、你把我的代码复制进去试一下嘛、
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#a
{
width:200px;
height:80px;
background-color:#00FF66;
}
.b
{
font-size:30px;
color:#FF0000;
text-align:center;
padding:10px;
font-weight:bolder;
display:block;
margin-top:10px;
}
</style>
</head>

<body>
<div id="a"></div>
<script language="javascript">
var c=1;
function shijian()
{
date=new Date();
var xiaoshi=date.getHours();
var fen=date.getMinutes();
var miao=date.getSeconds();
if(fen<=9)
fen="0"+fen;
if(miao<=9)
miao="0"+miao;
xianshi="<font class='b'>"+xiaoshi+":"+fen+":"+miao+"</font>";
a.innerHTML=xianshi;
if(c==1)
{
setTimeout("shijian()",1000);
}
}
shijian();
</script>
<form>
<input type="radio" name="d" value="kai" onclick="c=1;shijian();" />开
<input type="radio" name="d" value="guan" onclick="c=0;shijian();" />关
</form>
</body>
</html>2011-04-21
安装如下步骤操作:
1.在电脑磁盘空白出右键-新建,点击文档

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

3.
写入一下代码,如图:
<html xmlns="http://www.w3.org/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.可以看到编写的文件,网页显示时间了

2018-12-03
在网页中动态的显示日期时间,一般都是使用js来实现,很简单,一看就会。
<html><head><title>网页中动态的显示系统日期时间</title><script language="JavaScript">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;} </script></head><body onload="startTime()">当前时间:<font color="#33FFFF"><span id="nowDateTimeSpan"></span></font></body></html>附上“倒计时”功能代码:
<p id="p">距离2013/01/01年还剩000天0000时0000分0000秒</p><script type="text/javascript">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);</script>2017-03-27
使用setInterval()函数即可。
代码示例如下,可直接用于运行:
<html><title>当前时间</title><body><!-- 定义一个id为cg --><span id="cg">2016/12/21 上午12:00:00</span><script><!--这个cg就是span的id,初始化Date时间并转化为字符string类型,每1000毫秒,setInterval() 就会调用函数,直到被关闭。-->setInterval("cg.innerHTML=new Date().toLocaleString()",1000);</script></body></html>2016-12-21
html可以吗???
要不用动态语言,要不用js
html是死的,不用其他辅助语言是不可能去显示动态资料的!2011-04-21
<!Doctype html>
<html>
<head>
<title>hello</title>
</head>
<body>
Hello world!
</body>
</html>2018-12-20
mengvlog 阅读 5 次 更新于 2025-07-19 19:24:06 我来答关注问题0
  • 要在HTML代码中插入源代码并直接显示在网页上,可以使用预格式化标签和。示例如下:例如,要显示以下JavaScript代码片段://触发leftAd()函数 //设置ftext内部文字说明,对应于imgText数组 //触发nextAd()函数 这样,这段代码将会以预排版的形式展示在网页上,...

  •  翡希信息咨询 如何使用自定义(HTML)代码?

    使用自定义代码的方法主要包括理解和运用HTML的基本框架、组成要素以及标记语言规则。一、基本框架 头部:包含网页的基本信息,如标题、语言编码、网页描述等。使用标签包裹。 网页标题:使用标签定义,显示在浏览器的标题栏上。 网页文档信息:使用标签定义,包括内容类型、关键字...

  •  深空见闻 html代码怎么变成网页

    首先,你需要编写或获取HTML代码。这可以是一个简单的HTML文件,包含基本的网页结构和内容。接下来,保存你的HTML代码为一个以.html为扩展名的文件。例如,你可以将其命名为index.html。然后,你可以通过双击这个文件来用默认的网页浏览器打开它,或者在浏览器中选择“文件”->“打开”,然后找到并选择你...

  • 1.在电脑磁盘空白出右键-新建,点击文档 2.将文档命名为index,用记事本打开 3.写入一下代码,如图: 时间的动态显示 4....

  •  誉祥祥知识 HTML代码怎么用?

    HTML代码是构建网页的基础。要使用HTML代码,你需要创建一个以`.html`为扩展名的文本文件,然后在其中编写HTML代码。一个简单的HTML文档结构通常包括``, ``, ``, 和 ``等元素。例如:html 欢迎来到我的网页!这是一个段落。在这个例子中,`` 声明了文档类型,`` 元素是HTML文档的根元素,`` ...

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部