javascript动态显示时间

JavaScript022

javascript动态显示时间,第1张

<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>。

JSP中实现动态显示系统时间可以使用js来编写,如下代码:

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html charset=UTF-8" />

    </head>

    当前时间:

<div id="time">

    <script>

        document.getElementById('time').innerHTML = new Date().toLocaleString()

                + ' 星期' + '日一二三四五六'.charAt(new Date().getDay())

        setInterval(

                "document.getElementById('time').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay())",

                1000)

    </script>

</div>

<body>

</body>

</html>

先做一个动态文本框,取实例名:time

新建一层,第一帧动作:t=new Date()//定义时间对象

h=t.getHours()

m=t.getMinutes()

s=t.getSeconds()

if(h<10){h="0"+h}

if(m<10){m="0"+m}

if(s<10){s="0"+s}

if(h>12){

h="下午 0"+(h-12)

}

time.text=h+":"+m+":"+s