JavaScript，document.write输入时间问题。
输出内容：现在时间：15:50:09通过setTimeout()方法循环获取系统时间通过document.write()方法输出时间当秒时间小于10秒显示要在前面补零就这...
输出内容：
现在时间：15:50:09
通过setTimeout()方法循环获取系统时间
通过document.write()方法输出时间
当秒时间小于10秒显示要在前面补零
就这么个题，郁闷死了。费几个小时不停的报错，来个答案。多的不说了。在线等。 展开
现在时间：15:50:09
通过setTimeout()方法循环获取系统时间
通过document.write()方法输出时间
当秒时间小于10秒显示要在前面补零
就这么个题，郁闷死了。费几个小时不停的报错，来个答案。多的不说了。在线等。 展开
1个回答
展开全部
主要是document.write有问题，输出后，原来的js都没了，只能显示一次。
如下：把要显示的内容放到div里，更新div的内容就可以了。
<!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>
<script type="text/javascript" >
function getNowDate(){
var date = new Date();//获取日期对象
var hours = date.getHours();//获取时
var minutes = date.getMinutes();//获取分
var seconds = date.getSeconds();//获取秒
if(seconds < 10){
seconds = "0"+seconds;
}
//定义存储时分秒日的字符串
var dateStr = "现在时间："+ hours+":"+minutes+":"+seconds;
//document.write("现在时间："+dateStr);
document.getElementById("nowDate").innerHTML = dateStr;
setTimeout("getNowDate()",1000);
}
</script>
</head>
<body onload="getNowDate()">
<div id="nowDate"></div>
</body>
</html>
如下：把要显示的内容放到div里，更新div的内容就可以了。
<!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>
<script type="text/javascript" >
function getNowDate(){
var date = new Date();//获取日期对象
var hours = date.getHours();//获取时
var minutes = date.getMinutes();//获取分
var seconds = date.getSeconds();//获取秒
if(seconds < 10){
seconds = "0"+seconds;
}
//定义存储时分秒日的字符串
var dateStr = "现在时间："+ hours+":"+minutes+":"+seconds;
//document.write("现在时间："+dateStr);
document.getElementById("nowDate").innerHTML = dateStr;
setTimeout("getNowDate()",1000);
}
</script>
</head>
<body onload="getNowDate()">
<div id="nowDate"></div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
