读书人

JavaScript显示时间有关问题

发布时间: 2013-12-02 12:00:40 作者: rapoo

JavaScript显示时间问题
想用JavaScript写一个时间显示器,页面就是无法显示出来,空白,求助,我的源码如下,求高手指点。

<!DOCTYPE html>
<html>
<head>
<title>showtime.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
<span>
<script language="JavaScript">
startclock();
var timerID = null;
var timerRunning = false;
function showtime(){
var Today = new Date();
var NowHour = Today.getHours(); //HH
var NowMinute = Today.getMinutes(); //MM
var NowSecond = Today.getSeconds(); //SS
var NowMonth = Today.getMonth() + 1; //MMM
var NowDate = Today.getDate(); //dd
var NowYear = Today.getYear(); //yyyy
if (NowHour <= 9)
NowHour = "0" + NowHour;
if (NowMinute <= 9)
NowMinute = "0" + NowMinute;
if (NowSecond <= 9)
NowSecond = "0" + NowSecond;

var disTime = NowYear + "年" + NowMonth + "月" + NowDate + "日  " + NowHour + ":" + NowMinute + ":" + NowSecond + "  ";
document.write(disTime);
if (NowDate == 1) {
disTime = disTime + "星期一";
}
if (NowDate == 2) {
disTime = disTime + "星期二";
}
if (NowDate == 3) {
disTime = disTime + "星期三";
}


if (NowDate == 4) {
disTime = disTime + "星期四";
}
if (NowDate == 5) {
disTime = disTime + "星期五";
}
if (NowDate == 6) {
disTime = disTime + "星期六";
}
if (NowDate == 0) {
disTime = disTime + "星期日";
}
document.write(disTime);
timerID = setTimeout("showtime()", 1000);
timerRunning = true;
}

function stopclock(){
if (timerRunning)
clearTimeout(timerID);
timerRunning = false;
}

function startclock(){
stopclock();
showtime();
}
</script>
</span>
</body>
</html>

打开页面一片空白!!!求助!!! JavaScript
[解决办法]
document.write()一般只在页面加载完成之前使用。
当页面加载完成之后,就不要用document.write()了
再用document.write()就是重新创建一个新的页面。
这时应该用.innerHTML或.innerText。

[解决办法]

<span id="time"></span>
<script type="text/javascript">
setInterval(function(){
var d = new Date();
document.getElementById("time").innerHTML=d.toLocaleDateString().replace(/星期/," "+d.toLocaleTimeString()+" 星期");
},1000);
</script>

[解决办法]
引用:
嗯,哪我的代码应该怎样修改呢,求指点。


<!DOCTYPE html>
<html>
<head>
<title>showtime.html</title>
</head>


<body>
<span id="Date"></span>
<script language="JavaScript">
startclock();
var timerID = null;
var timerRunning = false;
function showtime(){
var Today = new Date();
var NowHour = Today.getHours(); //HH
var NowMinute = Today.getMinutes(); //MM
var NowSecond = Today.getSeconds(); //SS
var NowMonth = Today.getMonth() + 1; //MMM
var NowDate = Today.getDate(); //dd
var NowYear = Today.getFullYear(); //yyyy
var NowDay = Today.getDay(); //
if (NowHour <= 9)
NowHour = "0" + NowHour;
if (NowMinute <= 9)
NowMinute = "0" + NowMinute;
if (NowSecond <= 9)
NowSecond = "0" + NowSecond;

var disTime = NowYear + "年" + NowMonth + "月" + NowDate + "日  " + NowHour + ":" + NowMinute + ":" + NowSecond + "  星期"+("日一二三四五六").charAt(NowDay);
document.getElementById("Date").innerHTML = disTime;
timerID = setTimeout("showtime()", 1000);
timerRunning = true;
}

function stopclock(){
if (timerRunning)
clearTimeout(timerID);
timerRunning = false;
}

function startclock(){
stopclock();
showtime();
}
</script>
</body>
</html>

读书人网 >JavaScript

热点推荐