JSP都是在伺服器端運行的,即編譯好之後就沒JSP什麼事了,JSP就只剩下HTML,CSS和JS等前端的東西版了。所以想在頁權面上動態顯示時間,只能用JS,那麼怎麼做呢?
就是JS去獲取本機時間顯示到HTML的DOM中,然後時時刻刻去更換這個數據,那麼就是動態的了,此中用到一些函數:
1:setInterval(function(){
},time);
2:var date = new Date()
在這兒就要去解析date了,要獲取它的時間戳(年月日,時分秒),整合成需要的格式然後顯示出來
❷ 怎麼利用JS顯示當前電腦里的時間
帶星期的:
效果:2009年3月7日 1:58:03 星期六
<label id="aa"></label>
<script>
setInterval("aa.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
</script>
如果不要星期就用下面的代碼:
效果:2009年3月7日 1:57:29
<label id="aa"></label>
<script>
setInterval("aa.innerHTML=new Date().toLocaleString()+''+''.charAt(new Date().getDay());",1000);
</script>
❸ js獲取當前當前年月日時分秒,以及獲取年月日(無時分秒),詳情見補充!
1、新建一個HTML文件,命抄名為test.html。
❹ JS如何動態顯示時間
JS顯示動態的日期時間,參考如下:
<body>
<spanid="localtime">2013-10-3012:33:02星期三</span>
<scripttype="text/javascript">
functionshowLocale(objD)
{
varstr,colorhead,colorfoot;
varyy=objD.getYear();
if(yy<1900)yy=yy+1900;
varMM=objD.getMonth()+1;
if(MM<10)MM='0'+MM;
vardd=objD.getDate();
if(dd<10)dd='0'+dd;
varhh=objD.getHours();
if(hh<10)hh='0'+hh;
varmm=objD.getMinutes();
if(mm<10)mm='0'+mm;
varss=objD.getSeconds();
if(ss<10)ss='0'+ss;
varww=objD.getDay();
if(ww==0)colorhead="<fontcolor="red">";
if(ww>0&&ww<6)colorhead="<fontcolor="red">";
if(ww==6)colorhead="<fontcolor="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);
};
functiontick()
{
vartoday;
today=newDate();
document.getElementById("localtime").innerHTML=showLocale(today);
window.setTimeout("tick()",1000);
};
tick();
</script>
</body>
❺ js 中怎麼獲取當前系統時間
系統時間一般是值服務端時間,js獲取服務端時間的方法是直接用ajax獲取。
編寫顯示時間的頁面:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Server date/time</title>
<script language="javascript" src="serverDate.js"></script>
</head>
<script language="javascript">
var localTime = new Date();
document.write("Local machine time is: " + localTime + "<br>");
document.write("Server time is: " + date);
</script>
<body>
</body>
ajax腳本獲取server的時間
var xmlHttp;
function srvTime(){
try {
//創建xmlHttp對象
xmlHttp = new XMLHttpRequest();
}
catch (err1) {
//ie瀏覽器
try {
xmlHttp = new ActiveXObject('Msxml2.XMLHTTP');
}
catch (err2) {
try {
xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');
}
catch (eerr3) {
//ajax不支持
alert("AJAX not supported");
}
}
}
//打開xmlHttp請求
xmlHttp.open('HEAD',window.location.href.toString(),false);
//設置xmlHttp請求頭
xmlHttp.setRequestHeader("Content-Type", "text/html");
//發送請求
xmlHttp.send('');
// 獲取response中的Date參數
return xmlHttp.getResponseHeader("Date");
}
var st = srvTime(); //伺服器時間賦值給st變數
var date = new Date(st); //轉換js的date對象
// 輸出伺服器時間
document.write("伺服器時間: " + date);
JavaScript一種直譯式腳本語言,是一種動態類型、弱類型、基於原型的語言,內置支持類型。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用於客戶端的腳本語言,最早是在HTML(標准通用標記語言下的一個應用)網頁上使用,用來給HTML網頁增加動態功能。
語句:JavaScript程序是由若干語句組成的,語句是編寫程序的指令。JavaScript提供了完整的基本編程語句,
它們是:賦值語句、switch選擇語句、while循環語句、for循環語句、for each循環語句、do...while循環語句、break循環中止語句、continue循環中斷語句、with語句、try?catch語句、if語句(if..else,if?else if?)。
❻ js顯示當前日期時間和星期幾
JavaScript獲取當前日期時間同時顯示星期幾,具體代碼如下:
<html>
<head>
<meta
http-equiv="Content-Type"
content="text/html;
charset=utf-8"
/>
<script
type="text/javascript"
src="/jquery/1.7.0/jquery.min.js"></script>
<script
type="text/javascript">
function
currentTime(){
var
d=new
Date(),str='';
str+=d.getFullYear()+'年';
str+=d.getMonth()
+
1+'月';
str+=d.getDate()+'日';
str+=d.getHours()+'時';
str+=d.getMinutes()+'分';
str+=
d.getSeconds()+'秒';
return
str;
}
setInterval(function(){$('#time').html(currentTime)},1000);
</script>
</head>
<body>
<div
id="time"></div>
</body>
</html>
在網頁上及時動態顯示當前的日期時間並顯示星期的做法:
function
showTime(){
var
show_day=new
Array('星期一','星期二','星期三','星期四','星期五','星期六','星期日');
var
time=new
Date();
var
year=time.getYear();
var
month=time.getMonth();
var
date=time.getDate();
var
day=time.getDay();
var
hour=time.getHours();
var
minutes=time.getMinutes();
var
second=time.getSeconds();
month<10?month='0'+month:month;
month=month+1;
hour<10?hour='0'+hour:hour;
minutes<10?minutes='0'+minutes:minutes;
second<10?second='0'+second:second;
var
now_time='當前時間:'+year+'年'+month+'月'+date+'日'+'
'+show_day[day-1]+'
'+hour+':'+minutes+':'+second;
document.getElementById('showtime').innerHTML=now_time;
setTimeout("showTime();",1000);
}
關於這方面的內容網上很多,有js獲取當前日期時間同時顯示星期,js獲取當前時間和一星期錢的時間等內容,都很具有參考價值,希望大家多閱讀類似文章,將類似方法熟練掌握。
❼ 顯示當前時間(年月日 時秒分)js中怎麼實現
<script>
function show(){
var date = new Date(); //日期對象
var now = "";
now = date.getFullYear()+"年抄"; //讀英文就行了襲
now = now + (date.getMonth()+1)+"月"; //取月的時候取的是當前月-1如果想取當前月+1就可以了
now = now + date.getDate()+"日";
now = now + date.getHours()+"時";
now = now + date.getMinutes()+"分";
now = now + date.getSeconds()+"秒";
document.getElementById("nowDiv").innerHTML = now; //div的html是now這個字元串
setTimeout("show()",1000); //設置過1000毫秒就是1秒,調用show方法
}
</script>
<body onload="show()"> <!-- 網頁載入時調用一次 以後就自動調用了-->
<div id="nowDiv"></div>
</body>
直接復制就可以看效果了
❽ 如何在JSP中動態顯示系統時間
JSP中實現動態顯示系統時間可以使用js來編寫,如下代碼:
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/>
</head>
當前時間:
<divid="time">
<script>
document.getElementById('time').innerHTML=newDate().toLocaleString()
+'星期'+'日一二三四五六'.charAt(newDate().getDay());
setInterval(
"document.getElementById('time').innerHTML=newDate().toLocaleString()+'星期'+'日一二三四五六'.charAt(newDate().getDay());",
1000);
</script>
</div>
<body>
</body>
</html>
❾ 如何在網頁中動態顯示當前日期和時間
網頁中動態顯示當前日期和時間是使用了js程序,方法如下:
將一下程序插入頁面
<script language=Javascript>
function time(){
//獲得顯示時間的div
t_div = document.getElementById('showtime');
var now=new Date()
//替換div內容
t_div.innerHTML = "現在是"+now.getFullYear()
+"年"+(now.getMonth()+1)+"月"+now.getDate()
+"日"+now.getHours()+"時"+now.getMinutes()
+"分"+now.getSeconds()+"秒";
//等待一秒鍾後調用time方法,由於settimeout在time方法內,所以可以無限調用
setTimeout(time,1000);
}
</script>
修改<body>為<body onload="time()"> 以便js程序載入運行
插入<div id="showtime"></div>用以顯示日期時間的容器。