实时钟表在body里加载不了,非要点击按钮才能实现

来源:7-3 返回/设置年份方法

给大佬递茶

2018-11-13 20:50

本来想在<body onload="simpleWatch()">实现网页加载时显示实时钟表,但是显示不了,非的用按钮点击?

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>一个简单的钟表</title>

<script type="text/javascript">

function simpleWatch(){

var date=new Date();

var year=date.getFullYear();

var month=date.getMonth();

month=addZero(month);

var day=date.getDate();

day=addZero(day);

var hour=date.getHours();

hour=addZero(hour);

var minute=date.getMinutes();

minute=addZero(minute);

var second=date.getSeconds();

second=addZero(second);

document.getElementById("p1").innerHTML=

year+"年"+month+"月"+day+"日"+hour+":"+minute+":"+second;

setTimeout("simpleWatch()",1000);

}

function addZero(x){

if(x<10){

x="0"+x;

}

return x;

}

</script>

</head>

<body>

<div id="p1"></div>

<input type="button" value="点击" onclick="simpleWatch()"/>

</body>

</html>


写回答 关注

1回答

  • 慕盖茨2396121
    2018-11-14 11:16:05
    已采纳

     var s = setInterval(function () {

             var date = new Date();

         document.getElementById("p1").innerHTML = date;

         },1000);

    //这样就是实时了

    慕盖茨239... 回复给大佬递茶

    可以了你这样,再开发软件上面可以运行的

    2018-11-14 20:48:17

    共 5 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468060 学习 · 21891 问题

查看课程

相似问题