本文目录一览:
- 1、如何在JSP中动态显示系统时间
- 2、用js在网页上显示当前日期和时间,并显示是星期几
- 3、javascript, 网页如何显一个动态时间的 秒数 。代码是如怎么写....
- 4、javascript动态显示时间
- 5、JS如何动态显示时间?
- 6、如何实现动态显示当前系统时间
如何在JSP中动态显示系统时间
JSP都是在服务器端运行的,即编译好之后就没JSP什么事了,JSP就只剩下HTML,CSS和JS等前端的东西了。所以想在页面上动态显示时间,只能用JS,那么怎么做呢?
就是JS去获取本机时间显示到HTML的DOM中,然后时时刻刻去更换这个数据,那么就是动态的了,此中用到一些函数:
1:setInterval(function(){
},time);
2:var date = new Date()
在这儿就要去解析date了,要获取它的时间戳(年月日,时分秒),整合成需要的格式然后显示出来
用js在网页上显示当前日期和时间,并显示是星期几
1、要获得当前时间,我们可以使用Date方法,new一个Date对象。
2、然后调用这个对象的toLocaleTimeString方法,来获取具体的时间
3、最后使用alert方法来弹出结果,来验证一下是否正确
4、运行页面,点击按钮,可以看到弹出一个确认框里,里面显示的时间就是当前时间了。
javascript, 网页如何显一个动态时间的 秒数 。代码是如怎么写....
把下面的代码保存成HTML文件
body
span id="time"/span
/body
script type="text/javascript"
function showtime(){
var str,time;
time=new Date();
str="欢迎光临,现在是"+time.getFullYear()+"年"+(time.getMonth()+1)+"月"+time.getDate()+"日 "+time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();
document.getElementById("time").innerHTML=str;
}
setInterval("showtime()",1000);
/script
javascript动态显示时间
html
head
title时钟特效/title
script type="text/javascript"
function disptime(){
var today = new Date(); //获得当前时间
var hh = today.getHours(); //获得小时、分钟、秒
var mm = today.getMinutes();
var ss = today.getSeconds();
/*设置div的内容为当前时间*/
document.getElementById("myclock").innerHTML="h1现在是:"+hh+":"+mm+":"+ss+"h1";
/*
使用setTimeout在函数disptime()体内再次调用setTimeout
设置定时器每隔1秒(1000毫秒),调用函数disptime()执行,刷新时钟显示
*/
var myTime=setTimeout("disptime()",1000);
}
/script
/head
body onload="disptime()"
div id="myclock"/div
/body。
JS如何动态显示时间?
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(yy1900) yy = yy+1900;
var MM = objD.getMonth()+1;
if(MM10) MM = '0' + MM;
var dd = objD.getDate();
if(dd10) dd = '0' + dd;
var hh = objD.getHours();
if(hh10) hh = '0' + hh;
var mm = objD.getMinutes();
if(mm10) mm = '0' + mm;
var ss = objD.getSeconds();
if(ss10) 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
如何实现动态显示当前系统时间
网页中动态显示当前日期和时间是使用了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用以显示日期时间的容器。