6个回答
展开全部
在网页中动态的显示日期时间，一般都是使用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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!-- 显示时间 -->
<div id="time"> </div>
<script>
// 获取要显示时间的元素
var div = document.getElementById("time");
// 先调用showTime方法
showTime();
// 定义showTime方法
function showTime () {
var ms = new Date(); // 实例化Date对象
var year = ms.getFullYear(); // 获取年
var month = ms.getMonth(); // 获取月 (0 ~ 11)
var date = ms.getDate(); // 获取日 (1 ~ 31)
var hour = ms.getHours(); // 获取时 (0 ~ 23)
var minute = ms.getMinutes(); // 获取分 (0 ~ 59)
var second = ms.getSeconds(); // 获取秒 (0 ~ 59)
// 拼接时间
var str = year+"-"+month+"-"+date+" "+hour+":"+minute+":"+second
// 将拼接好的时间放到元素中
div.innerText = str;
// 设置500毫秒后再次调用showTime方法，形成一个无限循环
setTimeout(showTime,500);
}
</script>
<p>还有获取很多其他的值具体可以去看一下JavaScript的Date对象</p>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<!-- 请把这段放在 head 里面 -->
<script type="text/javascript" language="javascript1.5">
<!--
window.onload = theClock
function theClock() {
now = new Date;
theTime = ((now.getHours() > 0 && now.getHours() < 13)) ? now.getHours() : (now.getHours() == 0) ? 12 : now.getHours()-12;
theTime += (now.getMinutes() > 9) ? ":" + now.getMinutes() : ":0" + now.getMinutes();
theTime += (now.getSeconds() > 9) ? ":" + now.getSeconds() : ":0" + now.getSeconds();
theTime += (now.getHours() < 12) ? " am" : " pm";
clockSpan = document.getElementById("myClock");
clockSpan.replaceChild(document.createTextNode(theTime), clockSpan.firstChild);
setTimeout("theClock()",1000);
}
// End hiding script from old browsers -->
</script>
<!-- 这里结束 -->
</head>
<body>
<!-- 请把下面这一行放在 body 里面 -->
现在的时间是 <span id="myClock">?</span>
</body>
</html>
================================================================
%回复楼上第2个问题
%把下面这两行放在你的 document.write( 上面
var m = today.getMonth()+1
if (m<10){ m ="0" + m};
%然后document.write( 里面用下面这行代替月份
m,"月",
=======================================================
%如果你想显示双位数的日子也是同样的方法
<head>
<!-- 请把这段放在 head 里面 -->
<script type="text/javascript" language="javascript1.5">
<!--
window.onload = theClock
function theClock() {
now = new Date;
theTime = ((now.getHours() > 0 && now.getHours() < 13)) ? now.getHours() : (now.getHours() == 0) ? 12 : now.getHours()-12;
theTime += (now.getMinutes() > 9) ? ":" + now.getMinutes() : ":0" + now.getMinutes();
theTime += (now.getSeconds() > 9) ? ":" + now.getSeconds() : ":0" + now.getSeconds();
theTime += (now.getHours() < 12) ? " am" : " pm";
clockSpan = document.getElementById("myClock");
clockSpan.replaceChild(document.createTextNode(theTime), clockSpan.firstChild);
setTimeout("theClock()",1000);
}
// End hiding script from old browsers -->
</script>
<!-- 这里结束 -->
</head>
<body>
<!-- 请把下面这一行放在 body 里面 -->
现在的时间是 <span id="myClock">?</span>
</body>
</html>
================================================================
%回复楼上第2个问题
%把下面这两行放在你的 document.write( 上面
var m = today.getMonth()+1
if (m<10){ m ="0" + m};
%然后document.write( 里面用下面这行代替月份
m,"月",
=======================================================
%如果你想显示双位数的日子也是同样的方法
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script language=JavaScript>
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(
"<font color=#FF6600 style='font-size:9pt;font-family: 宋体'> ",
today.getYear(),"年",
today.getMonth()+1,"月",
today.getDate(),"日 ",
d[today.getDay()+1],
"</font>" );
</script>
我在网页中加入了上面代码以显示时间,比如今天是1月11日,如何将其显示为01月11日
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(
"<font color=#FF6600 style='font-size:9pt;font-family: 宋体'> ",
today.getYear(),"年",
today.getMonth()+1,"月",
today.getDate(),"日 ",
d[today.getDay()+1],
"</font>" );
</script>
我在网页中加入了上面代码以显示时间,比如今天是1月11日,如何将其显示为01月11日
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1.显示客户端（本地电脑）时间，创建函数：
function getS(){
var myS=new Date();
bm.innerHTML=myS.toString();
}
然后调用；
2.显示服务器时间：直接调用getdate()函数。
function getS(){
var myS=new Date();
bm.innerHTML=myS.toString();
}
然后调用；
2.显示服务器时间：直接调用getdate()函数。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
