为了账号安全,请及时绑定邮箱和手机立即绑定

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

本来想在<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 回答

 var s = setInterval(function () {

         var date = new Date();

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

     },1000);

//这样就是实时了

0 回复 有任何疑惑可以回复我~
#1

给大佬递茶 提问者

我想的是通过延迟函数setTimeout循环调用实现实时,我想这样写<body onload="simpleWatch()"> 在加载的时候就调用这个函数。
2018-11-14 回复 有任何疑惑可以回复我~
#2

慕盖茨2396121 回复 给大佬递茶 提问者

你这个已经实现了啊
2018-11-14 回复 有任何疑惑可以回复我~
#3

给大佬递茶 提问者 回复 慕盖茨2396121

我想在页面加载的时候调用simpleWatch(),我上面用的是按钮,不想用按钮和setInterval()
2018-11-14 回复 有任何疑惑可以回复我~
#4

慕盖茨2396121 回复 给大佬递茶 提问者

你这个已经可以了 我复制你的代码再开发平台都可以运行
2018-11-14 回复 有任何疑惑可以回复我~
#5

慕盖茨2396121 回复 给大佬递茶 提问者

可以了你这样,再开发软件上面可以运行的
2018-11-14 回复 有任何疑惑可以回复我~
查看2条回复

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信