网页怎样显示系统时间并且不断刷新，谢谢作答。

答案:3 悬赏:50 手机版

解决时间 2021-05-09 07:53

提问者网友：轮囘Li巡影
2021-05-08 19:08

我想做个网页，想把网页加入服务器时间，可由于是初学者，水平有限，希望作答，谢谢。

最佳答案

五星知识达人网友：一叶十三刺
2021-05-08 20:25

脚本说明:
第一步:把如下代码加入<head>区域中
<head>
<style>
.time { font-size: 12pt; line-height: 14pt; color:red;}
</style>
<SCRIPT language=JavaScript>
<!-- Hiding
var ctimer;

function init(){
if (document.all){
tim2.style.left=tim1.style.posLeft;
tim2.style.top=tim1.style.posTop+tim1.offsetHeight-6;
settimes();
}
}

function settimes(){
var time= new Date();
hours= time.getHours();
mins= time.getMinutes();
secs= time.getSeconds();
if (hours<10)
hours="0"+hours;
if(mins<10)
mins="0"+mins;
if (secs<10)
secs="0"+secs;
tim1.innerHTML=hours+":"+mins+":"+secs
tim2.innerHTML=hours+":"+mins+":"+secs
ctimer=setTimeout('settimes()',960);
}
// Done hiding -->
</SCRIPT>

第二步:把如下代码加入<body>区域中
<DIV class=time id=tim1
style="HEIGHT: 20px; LEFT: 50px; POSITION: absolute; TOP: 10px; WIDTH: 10px"></DIV>
<DIV class=time id=tim2
style="FILTER: flipv() alpha(opacity=20); FONT-STYLE: italic; POSITION: absolute"></DIV>

第三步:把<body>改为
<body onload="init()">

全部回答

1楼网友：荒野風
2021-05-08 23:21

首先，需要说明一下：使用JS获取的时间不是服务器时间，而是客户端时间；如果要显示服务器时间，需要将服务器时间传给JS代码使用，具体自己查找资料啦。这里只给出显示客户端时间的实现方法。如下：在网页里，你在页面的onload事件里添加一个函数showTime(); 然后，定义showTime()如下： function showTime(){ var today=new Date(); //当前时间。 // 以下获取年月日 date=today.getDate(); month=today.getMonth()+1; //月份是从0开始计算的。 if(month<=9) month="0"+month; year=today.getYear(); var nowDate=year+'-'+month+'-'+date; // 以下获取时分秒。 var d, s=""; var c = ":"; s += today.getHours() + c; s += today.getMinutes() + c; s += today.getSeconds() ; // s += today.getMilliseconds(); //这个是获得微秒数，一般不用。 // 将整个结果连接起来，显示到合适的位置。以下假设你有一个id为timer的DIV或TD等。 document.getElementById("timer").innerHTML = nowDate + " " + s; setTimeout(showTime,1000); // 具体语法，请参考各类相关文档。 }

2楼网友：平生事
2021-05-08 22:04

用 JS 不断的执行某个函数体就得到了不断刷新的效果即秒表跳动 ...

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息