网页上动态显示时间?该如何解决
日期：2014-05-16 浏览次数：20522 次
网页上动态显示时间?
<html>
<head>
<title> 小程序 </title>
</head>
<body>
<script language= "JavaScript ">
function showTime()
{
var thetime= new Date(); // 初始化日期对象
document.write(thetime.toLocaleString());
window.setTimeout( "showTime() ",1000);
}
window.setTimeout( "showTime() ",1000);
</script>
</body>
</html>
我想在网页上动态地显示时间,上面这段怎么不行呢?说是缺少对象,请问缺少什么对象?
------解决方案--------------------
<html>
<head>
<title> 小程序 </title>
</head>
<body>
<script language= "JavaScript ">
function showTime()
{
var thetime= new Date(); // 初始化日期对象
document.write(thetime.toLocaleString());
alert(document.documentElement.outerHTML);
window.setTimeout( "alert(showTime);showTime() ",1000);
}
window.setTimeout( "showTime() ",1000);
</script>
</body>
</html>
要慎用document.write方法，因为当文档载入完毕之后，调用此方法会清除原文档中的内容，
所以上述错误是由于清除了showTime方法导致，找不到了showTime方法。
------解决方案--------------------
<html>
<head>
<title> 小程序 </title>
</head>
<body>
<script language= "JavaScript ">
function showTime()
{
var thetime= new Date(); // 初始化日期对象
document.getElementById( "timeArea ").innerText = thetime.toLocaleString();
window.setTimeout( "showTime() ",1000);
}
window.setTimeout( "showTime() ",1000);
</script>
<div id= "timeArea "> </div>
</body>
</html>
建议采用修改页面某个dom节点的innerText方式实现
------解决方案--------------------
<html>
<head>
<title> 小程序 </title>
</head>
<body>
<div id=divtime> </div>
<script language= "JavaScript ">
window.onload=showTime();
function showTime()
{
var thetime= new Date(); // 初始化日期对象
divtime.innerHTML=thetime.toLocaleString();
window.setTimeout( "showTime() ",1000);
}
</script>
</body>
</html>
<html>
<head>
<title> 小程序 </title>
</head>
<body>
<script language= "JavaScript ">
function showTime()
{
var thetime= new Date(); // 初始化日期对象
document.write(thetime.toLocaleString());
window.setTimeout( "showTime() ",1000);
}
window.setTimeout( "showTime() ",1000);
</script>
</body>
</html>
我想在网页上动态地显示时间,上面这段怎么不行呢?说是缺少对象,请问缺少什么对象?
------解决方案--------------------
<html>
<head>
<title> 小程序 </title>
</head>
<body>
<script language= "JavaScript ">
function showTime()
{
var thetime= new Date(); // 初始化日期对象
document.write(thetime.toLocaleString());
alert(document.documentElement.outerHTML);
window.setTimeout( "alert(showTime);showTime() ",1000);
}
window.setTimeout( "showTime() ",1000);
</script>
</body>
</html>
要慎用document.write方法，因为当文档载入完毕之后，调用此方法会清除原文档中的内容，
所以上述错误是由于清除了showTime方法导致，找不到了showTime方法。
------解决方案--------------------
<html>
<head>
<title> 小程序 </title>
</head>
<body>
<script language= "JavaScript ">
function showTime()
{
var thetime= new Date(); // 初始化日期对象
document.getElementById( "timeArea ").innerText = thetime.toLocaleString();
window.setTimeout( "showTime() ",1000);
}
window.setTimeout( "showTime() ",1000);
</script>
<div id= "timeArea "> </div>
</body>
</html>
建议采用修改页面某个dom节点的innerText方式实现
------解决方案--------------------
<html>
<head>
<title> 小程序 </title>
</head>
<body>
<div id=divtime> </div>
<script language= "JavaScript ">
window.onload=showTime();
function showTime()
{
var thetime= new Date(); // 初始化日期对象
divtime.innerHTML=thetime.toLocaleString();
window.setTimeout( "showTime() ",1000);
}
</script>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
