我希望我的代码在页面加载时运行但 onload 不起作用

Question

所以这是我的 html：

                <div id="MyClockDisplay" class="" onload="showTime()"> 

                    clock

                </div>
and its my java script :
 function showTime(){
let date = new Date();
let h = date.getHours(); // 0 - 23
let m = date.getMinutes(); // 0 - 59
let s = date.getSeconds(); // 0 - 59
let session = "AM";

if(h == 0){
    h = 12;
}

if(h > 12){
    h = h - 12;
    session = "PM";
}

h = (h < 10) ? "0" + h : h;
m = (m < 10) ? "0" + m : m;
s = (s < 10) ? "0" + s : s;

let time = h + ":" + m + ":" + s + " " + session;    
setTimeout(showTime, 1000);

document.getElementById("MyClockDisplay").innerHTML = time;

}

当我插入 onclick（在 html 中）时，java 脚本代码运行良好，但我希望时钟在我的页面加载时开始工作，但 onload 不工作，有人可以帮我吗？

Answer 1

onload不是div元素的有效属性（它仅适用于<body> 、 <frame> 、 <frameset> 、 <iframe> 、 <img> 、 <link> 、 <script> ）。 如果希望JS在加载后立即执行，请立即将script标签移动到元素下方。

 <div id="MyClockDisplay" class="" onload="showTime()"> clock </div> <script> function showTime() { let date = new Date(); let h = date.getHours(); // 0 - 23 let m = date.getMinutes(); // 0 - 59 let s = date.getSeconds(); // 0 - 59 let session = "AM"; if (h == 0) { h = 12; } if (h > 12) { h = h - 12; session = "PM"; } h = (h < 10) ? "0" + h : h; m = (m < 10) ? "0" + m : m; s = (s < 10) ? "0" + s : s; let time = h + ":" + m + ":" + s + " " + session; document.getElementById("MyClockDisplay").innerHTML = time; } setTimeout(showTime, 1000); </script>

我希望我的代码在页面加载时运行但 onload 不起作用

问题描述

1 个解决方案

解决方案1
1 已采纳 2021-07-11 16:07:25

我希望我的代码在页面加载时运行但 onload 不起作用

问题描述

1 个解决方案

解决方案1 1 已采纳 2021-07-11 16:07:25

解决方案1
1 已采纳 2021-07-11 16:07:25