读书人

在文本框中动态地显示当前时间有木有

发布时间: 2013-06-26 14:29:32 作者: rapoo

在文本框中动态地显示当前时间,有木有人做过,指导下菜鸟?
想在两个文本框中,一个动态显示日期,一个动态显示时间。
如下图这样:在文本框中动态地显示当前时间,有木有人做过,指导下初学者
不过这是静态的。
虽然网上有动态的代码,但是javascript的。
<script>
document.getElementById('time').innerHTML=new Date().toLocaleString()+'星期'+'日一二三四五六'.charAt(new Date().getDay());
setInterval("document.getElementById('time').innerHTML=new Date().toLocaleString()+'星期'+'日一二三四五六'.charAt(new Date().getDay());",100);
</script>
不知道怎么用文本框获得javascript中的效果,或者有其他的方法,请大神赐教!!!在文本框中动态地显示当前时间,有木有人做过,指导下初学者在文本框中动态地显示当前时间,有木有人做过,指导下初学者在文本框中动态地显示当前时间,有木有人做过,指导下初学者
[解决办法]


<form name="form1">
<input type="text" name="date" id="date" />
<input type="text" name="time" id="time"/>
<script type="text/javascript">

var now = new Date();

var year = now.getFullYear() + "-";
var month = (now.getMonth() + 1) ;
var day = now.getDate();
if(month < 10)
{
month = "0" + month;
}
var date = year + month + "-" + day;
document.form1.date.value = date;
</script>

</form>
<script type="text/javascript">
setInterval("time()",1000);

</script>



function time()
{
var time = new Date().toLocaleString();
document.form1.time.value = time;
}


[解决办法]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<script type="text/JavaScript">
function timer()
{
var today=new Date();
var yy=today.getFullYear();
var month=today.getMonth()+1;
var day=today.getDate();
var hh=today.getHours();
var mm=today.getMinutes();
var ss=today.getSeconds();
document.getElementById("txt1").value=yy+"-"+month+"-"+day;
document.getElementById("txt2").value=hh+":"+mm+":"+ss;
}
var t=setInterval("timer()",1000)
</script>

<body>
<div >
date:
<input type="text" name="txt1" value="" id="txt1">
time:
<input type="text" name="txt2" value="" id="txt2">
</div>
</body>
</html>

读书人网 >Java Web开发

热点推荐