JavaScript显示时间有关问题

2013-12-02

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

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">
        
    </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 + "日&nbsp;&nbsp;" + NowHour + "：" + NowMinute + "：" + NowSecond + "&nbsp;&nbsp;星期"+("日一二三四五六").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>

热点排行