JS如何动态显示时间?
发布网友
发布时间:2022-04-24 05:13
我来回答
共6个回答
热心网友
时间:2022-04-22 20:33
JS显示动态的日期时间,参考如下:
<body>
<span id="localtime">2013-10-30 12:33:02 星期三</span>
<script type="text/javascript">
function showLocale(objD)
{
var str,colorhead,colorfoot;
var yy = objD.getYear();
if(yy<1900) yy = yy+1900;
var MM = objD.getMonth()+1;
if(MM<10) MM = '0' + MM;
var dd = objD.getDate();
if(dd<10) dd = '0' + dd;
var hh = objD.getHours();
if(hh<10) hh = '0' + hh;
var mm = objD.getMinutes();
if(mm<10) mm = '0' + mm;
var ss = objD.getSeconds();
if(ss<10) ss = '0' + ss;
var ww = objD.getDay();
if ( ww==0 ) colorhead="<font color=\"red\">";
if ( ww > 0 && ww < 6 ) colorhead="<font color=\"red\">";
if ( ww==6 ) colorhead="<font color=\"red\">";
if (ww==0) ww="星期日";
if (ww==1) ww="星期一";
if (ww==2) ww="星期二";
if (ww==3) ww="星期三";
if (ww==4) ww="星期四";
if (ww==5) ww="星期五";
if (ww==6) ww="星期六";
colorfoot="</font>"
str = colorhead + yy + "-" + MM + "-" + dd + " " + hh + ":" + mm + ":" + ss + " " + ww + colorfoot;
return(str);
};
function tick()
{
var today;
today = new Date();
document.getElementById("localtime").innerHTML = showLocale(today);
window.setTimeout("tick()", 1000);
};
tick();
</script>
</body>
热心网友
时间:2022-04-22 21:51
function getDateTime(timespan) {
return new Date(parseInt(timespan) * 1000).toLocaleString().replace(/:\d{1,2}$/,' ');
}
此函数把时间戳转换成日期格式
然后用一个setInterval()控件就能完成时间递增功能了。
热心网友
时间:2022-04-22 23:25
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>dateutil-js时间举例</title>
<!-- <script src="http://www.shicishu.com/down/dateutil-1.0.0.js"></script>-->
<script src="http://www.shicishu.com/down/dateutil-1.0.0.min.js"></script>
</head>
<body>
<script type="text/javascript">
console.log(getdate_WMdy_En());//Thurs.Sept.2, 2020
console.log(getdate_yMdhms_T());//2020-9-2 21:41:7
console.log(getdate_WyMdhms_C());//星期四 2020年9月2日 21时38分33秒
</script>
</body>
</html>
热心网友
时间:2022-04-23 01:17
<div id="jnkc"></div>
<script>setInterval("jnkc.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
</script>
热心网友
时间:2022-04-23 03:25
效果如下
<input type="text" id="sss" />
<script>
var t=1328151430;
function getLocalTime(Sj) {
return new Date(parseInt(Sj) * 1000).toLocaleString();
}
function showTime() {
t++;
document.getElementById("sss").value=getLocalTime(t);
window.setTimeout(showTime,1000);
}
showTime();
</script>追问问个很简单的,如果不用ID,直接document.write这样应该如何写?
刚入门,不好意思啦~
我就是想在任何位置直接调用JS文件来显示,这样可以么?谢谢!
热心网友
时间:2022-04-23 05:49
<script>
var t=new Date().valueOf();
showTime();
function getLocalTime(Sj) {
document.getElementById("label3").innerHTML=new Date(parseInt(Sj)).toLocaleString();
}
function showTime() {
t+=1000;
getLocalTime(t);
window.setTimeout(showTime,1000);
}
</script>
直接输入这段就可以直接显示动态时间