给你个思路
首先在网页加载的时候 通过js将当前时间输出 这样就得到打开那一刻的时间
然后添加个按钮，当他点击的时候 获取当前时间。
如果需要得出已过时间，那么两者相比较就行，具体js去网上找找还是很容易找到的
以下为 js获取时间方式:2011年6月14日 星期二 8:37am
<script language="JavaScript">
today=new Date()
var hours = today.getHours()
var minutes = today.getMinutes()
var seconds = today.getSeconds()
var timeValue = "<FONT COLOR=black>" + ((hours >12) ? hours -12 :hours)timeValue += ((minutes <10) ? "<BLINK><FONT COLOR=black>:</FONT></BLINK>0" : "<BLINK><FONT COLOR=black>:</FONT></BLINK>") + minutes+"</FONT></FONT>"
timeValue += (hours >= 12) ? "<FONT COLOR=blue><I><B>pm</B></I></FONT>" : "<FONT COLOR=blue><B><I>am</I></B></FONT>"
function initArray(){
this.length=initArray.arguments.length
for(var i=0i<this.lengthi++)
this[i+1]=initArray.arguments[i] }
var d=new initArray("<font color=RED>星期日","<font color=black>星期一","<font color=black>星期二","<font color=black>星期三","<font color=black>星期四","<font color=black>星期五","<font color=red>星期六")
document.write("<font color=black>",today.getYear(),"<font color=black>年","<font color=black>",today.getMonth()+1,"<font color=black>月","<font color=black>",today.getDate(),"<font color=black>日 </FONT>",d[today.getDay()+1]," ",timeValue) //-->
}
</script>
在html<head>里增加：<script type="text/javascript" src="Scripts/time.js"></script>
在要显示位置增加：
<font >网站已经运行：</font><span id="span_dt" ></span>
增加一JS文件 time.js:内容如下：
///////////////////////////////////////////////
function show_date_time(){
window.setTimeout("show_date_time()", 1000)
BirthDay=new Date("1 - 1 - 2010")
today=new Date()
timeold=(BirthDay.getTime()-today.getTime())
sectimeold=timeold/1000
secondsold=Math.floor(sectimeold)
msPerDay=24*60*60*1000
e_daysold=timeold/msPerDay
daysold=Math.floor(e_daysold)
e_hrsold=(e_daysold-daysold)*24
hrsold=Math.floor(e_hrsold)
e_minsold=(e_hrsold-hrsold)*60
minsold=Math.floor((e_hrsold-hrsold)*60)
seconds=Math.floor((e_minsold-minsold)*60)
if (daysold <0) {daysold = daysold * -1}
span_dt.innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒"
}
show_date_time()
///////////////////////////////////////////////
有问题QQ我58328422 没有时间写注释啦 饿了
另外，完整的运行下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">
<title>网站已经运行</title>
</head>
<body>
网站已经运行：<span id="span_dt" ></span>
<SCRIPT language=javascript>
<!--
function show_date_time(){
window.setTimeout("show_date_time()", 1000)
BirthDay=new Date("1 - 1 - 2010")
today=new Date()
timeold=(BirthDay.getTime()-today.getTime())
sectimeold=timeold/1000
secondsold=Math.floor(sectimeold)
msPerDay=24*60*60*1000
e_daysold=timeold/msPerDay
daysold=Math.floor(e_daysold)
e_hrsold=(e_daysold-daysold)*24
hrsold=Math.floor(e_hrsold)
e_minsold=(e_hrsold-hrsold)*60
minsold=Math.floor((e_hrsold-hrsold)*60)
seconds=Math.floor((e_minsold-minsold)*60)
if (daysold <0) {daysold = daysold * -1}
span_dt.innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒"
}
show_date_time()
//-->
</SCRIPT>
</span>
</body>
</html>
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<script>标签中，输入js代码：$('body').append(new Date())。
3、浏览器运行index.html页面，此时页面显示出了系统时间。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）