jsp中 动态时钟的问题
现在在作jsp首页希望能在首页的右上角设立一个动态时钟但是试了很多方法都不对希望高手把可行的方法提供一下，在下感激不尽。这个动态时钟是网站首页的一个很小的部分，在上老实说...
现在在作jsp首页 希望能在首页的右上角设立一个动态时钟
但是试了很多方法都不对
希望高手把可行的方法提供一下，在下感激不尽。 这个动态时钟是网站首页的一个很小的部分，在上老实说 只会用DW 作，编码很不好，希望高手写的时候能稍微详细点。分一定少不了 展开
但是试了很多方法都不对
希望高手把可行的方法提供一下，在下感激不尽。 这个动态时钟是网站首页的一个很小的部分，在上老实说 只会用DW 作，编码很不好，希望高手写的时候能稍微详细点。分一定少不了 展开
2个回答
展开全部
网上找的资料，可以使用。网页动态时钟的简单实现Javascript
例一:通过表单访问元素
<html>
<head>
<script type="text/javascript">
function disptime()
{
var time=new Date();
var hour=time.getHours();
var minute=time.getMinutes();
var second=time.getSeconds();
document.form.myclock.value=hour+":"+minute+":"+second+"";
var mytime=setTimeout("disptime()",1000);
}
</script>
<!--设定显示时间的文本框样式-->
<style type="text/css">
<!--设定显示时间的文本框样式
.inputStyle{
font-size: 30px;
background-color: #FF6600;
border-style:none;
}
.STYLE1 {font-size: 24px}
-->
</style>
</head>
<body onLoad="disptime()"><!--当打开网页时即调用显示时间的方法-->
<form name="form">
<b>当前时间</b>
<input name="myclock" type="text" size="8" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>动态时间</title>
<script type="text/javascript">
function disptime()
{
var time= new Date();
var hour=time.getHours();
var minute=time.getMinutes();
var second=time.getSeconds();
document.getElementById("time").value=hour+":"+minute+":"+second+"";
var myTime=setTimeout("disptime()",1000);
}
</script>
<style type="text/css">
<!--
/* 设置样式,无边框的文本框*/
.input{
font-size:30px;
border-style:none;
background-color:#FFFF00;
}
-->
</style>
</head>
<body onload="disptime()">
<input id="time" type="text" size="10"/>
</body>
</html>
例一:通过表单访问元素
<html>
<head>
<script type="text/javascript">
function disptime()
{
var time=new Date();
var hour=time.getHours();
var minute=time.getMinutes();
var second=time.getSeconds();
document.form.myclock.value=hour+":"+minute+":"+second+"";
var mytime=setTimeout("disptime()",1000);
}
</script>
<!--设定显示时间的文本框样式-->
<style type="text/css">
<!--设定显示时间的文本框样式
.inputStyle{
font-size: 30px;
background-color: #FF6600;
border-style:none;
}
.STYLE1 {font-size: 24px}
-->
</style>
</head>
<body onLoad="disptime()"><!--当打开网页时即调用显示时间的方法-->
<form name="form">
<b>当前时间</b>
<input name="myclock" type="text" size="8" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>动态时间</title>
<script type="text/javascript">
function disptime()
{
var time= new Date();
var hour=time.getHours();
var minute=time.getMinutes();
var second=time.getSeconds();
document.getElementById("time").value=hour+":"+minute+":"+second+"";
var myTime=setTimeout("disptime()",1000);
}
</script>
<style type="text/css">
<!--
/* 设置样式,无边框的文本框*/
.input{
font-size:30px;
border-style:none;
background-color:#FFFF00;
}
-->
</style>
</head>
<body onload="disptime()">
<input id="time" type="text" size="10"/>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用JAVASCRIPT写个动态时钟，下面是我自己写的。你可以参考下：
====================================================
<script language="javaScript">
function timer(){
var now = new Date();//创建日期对象
var yy = now.getYear();//年
var mm = now.getMonth();//月
var m = new Array();//以文字形式放到个数组里
m[0]="1月";
m[1]="2月";
m[2]="3月";
m[3]="4月";
m[4]="5月";
m[5]="6月";
m[6]="7月";
m[7]="8月";
m[8]="9月";
m[9]="10月";
m[10]="11月";
m[11]="12月";
mm = m[mm];
var day = now.getDate();//日
var hh = now.getHours();//小时
var minu = now.getMinutes();//分钟
var ss = now.getSeconds();//秒
//判断分和秒 如是各位数 前面加个0 例如11:23:07
if(minu<=9){
minu ='0'+minu;
}
if(ss<=9){ss = '0'+ss;}
nowTime = yy+'年:'+mm+'月:'+day+'日: '+hh+'点:'+minu+'分:'+ss+'秒';
//判断浏览器
if(document.layers){
document.layers.clock.document.write(nowTime);
document.layers.clock.document.close();
}
if(document.all){
document.getElementById("clock").innerHTML=nowTime;
}else{
document.getElementById("clock").innerHTML=nowTime;
}
//设置定时器，每秒刷新一次此函数
window.setTimeout("timer()",1000);
}
</script>
完成！！！！
==================================================
在你的body加载timer()函数
例：
<body onload="timer()">
然后在你所希望的 首页右上角加个DIV或SPAN 把ID设成clock就OK了
例：
<div id="clock"></div>
====================================================
<script language="javaScript">
function timer(){
var now = new Date();//创建日期对象
var yy = now.getYear();//年
var mm = now.getMonth();//月
var m = new Array();//以文字形式放到个数组里
m[0]="1月";
m[1]="2月";
m[2]="3月";
m[3]="4月";
m[4]="5月";
m[5]="6月";
m[6]="7月";
m[7]="8月";
m[8]="9月";
m[9]="10月";
m[10]="11月";
m[11]="12月";
mm = m[mm];
var day = now.getDate();//日
var hh = now.getHours();//小时
var minu = now.getMinutes();//分钟
var ss = now.getSeconds();//秒
//判断分和秒 如是各位数 前面加个0 例如11:23:07
if(minu<=9){
minu ='0'+minu;
}
if(ss<=9){ss = '0'+ss;}
nowTime = yy+'年:'+mm+'月:'+day+'日: '+hh+'点:'+minu+'分:'+ss+'秒';
//判断浏览器
if(document.layers){
document.layers.clock.document.write(nowTime);
document.layers.clock.document.close();
}
if(document.all){
document.getElementById("clock").innerHTML=nowTime;
}else{
document.getElementById("clock").innerHTML=nowTime;
}
//设置定时器，每秒刷新一次此函数
window.setTimeout("timer()",1000);
}
</script>
完成！！！！
==================================================
在你的body加载timer()函数
例：
<body onload="timer()">
然后在你所希望的 首页右上角加个DIV或SPAN 把ID设成clock就OK了
例：
<div id="clock"></div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
