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>用以显示日期时间的容器。