首页 > 编程知识 正文

在网页中使用js动态显示时间(js 显示时间)

时间:2023-12-12 12:54:02 阅读:314638 作者:PQNT

本文目录一览:

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

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。