用js 实现 在text文本框里动态显示当前时间 如何实现那
日期：2014-05-17 浏览次数：20809 次
用js 实现 在text文本框里动态显示当前时间 怎么实现那
用js 实现 在text文本框里动态显示当前时间 怎么实现那
帮帮忙啊！
------解决方案--------------------
在JS里var当前日期，根据当前日期取到年月日。。。。有个setTimeOut吧,可以设置刷新时间间隔...
把取到的时间放到Text里就OK了
------解决方案--------------------
setTimeout('changeDate()',1000); 1S调用一次changeDate()
------解决方案--------------------
------解决方案--------------------
setInterval
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body onload="timeYear()">
<SCRIPT language=JavaScript>
//调用函数时间显示在文本框中
function timeYear(){
var tmpDate=new Date();
var day;
switch(tmpDate.getDay())
{
case 0:
day="星期日";
break;
case 1:
day="星期一";
break;
case 2:
day="星期二";
break;
case 3:
day="星期三";
break;
case 4:
day="星期四";
break;
case 5:
day="星期五";
break;
case 6:
day="星期六";
break;
}
document.getElementById("time").value=tmpDate.getFullYear()+"-"+(tmpDate.getMonth()+1)+"-"+tmpDate.getDate()+" "+day+tmpDate.getHours()+":"+tmpDate.getMinutes()+":"+tmpDate.getSeconds();
}
setInterval("timeYear()",1000);
//-->
</SCRIPT>
<input type="text" id="time" name="time" disabled="disabled" size="30">
</body>
</html>
------解决方案--------------------
用js 实现 在text文本框里动态显示当前时间 怎么实现那
帮帮忙啊！
------解决方案--------------------
在JS里var当前日期，根据当前日期取到年月日。。。。有个setTimeOut吧,可以设置刷新时间间隔...
把取到的时间放到Text里就OK了
------解决方案--------------------
setTimeout('changeDate()',1000); 1S调用一次changeDate()
------解决方案--------------------
------解决方案--------------------
setInterval
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body onload="timeYear()">
<SCRIPT language=JavaScript>
//调用函数时间显示在文本框中
function timeYear(){
var tmpDate=new Date();
var day;
switch(tmpDate.getDay())
{
case 0:
day="星期日";
break;
case 1:
day="星期一";
break;
case 2:
day="星期二";
break;
case 3:
day="星期三";
break;
case 4:
day="星期四";
break;
case 5:
day="星期五";
break;
case 6:
day="星期六";
break;
}
document.getElementById("time").value=tmpDate.getFullYear()+"-"+(tmpDate.getMonth()+1)+"-"+tmpDate.getDate()+" "+day+tmpDate.getHours()+":"+tmpDate.getMinutes()+":"+tmpDate.getSeconds();
}
setInterval("timeYear()",1000);
//-->
</SCRIPT>
<input type="text" id="time" name="time" disabled="disabled" size="30">
</body>
</html>
------解决方案--------------------
- HTML code
<html>
<head>
<script type="text/javascript">
function startClock()
{
setInterval(getTime, 1000);
}
function getTime()
{
var now = new Date();
document.getElementById('clock').value = now.getFullYear()
+ "-" + (now.getMonth() + 1)
+ "-" + now.getDate()
+ " " + now.getHours()
+ ":" + now.getMinutes()
+ ":" + now.getSeconds();
}
</script>
</head>
<body onload="startClock()">
<input id="clock" />
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
