gpt4 book ai didi

javascript - 有人可以向我解释这个 JavaScript 实时时钟吗?

转载 作者:行者123 更新时间:2023-11-28 14:01:57 27 4
gpt4 key购买 nike

<html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
h=checkTime(h);
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout('startTime()',500);
}

function checkTime(i)
{
if (i<10)
{
i="0" + i;
}
return i;
}
</script>
</head>

<body onload="startTime()">
<div id="txt"></div>
</body>
</html>

我只是不太明白这两行:

document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout('startTime()',500);

有人能用语言解释一下吗? getElementById('txt')、innerHTML 和 setTimeout('startTime()',500) 的作用是什么?

最佳答案

请参阅documentation .

  • getElementById 获取 HTML DOM element使用给定的 ID
  • DOM 元素的 innerHTML 属性指定该元素的 HTML
  • setTimeout 方法在指定的毫秒数后运行函数
    请注意,这段代码是非常糟糕的做法; 从不将字符串传递给setTimeout
    它应该是 setTimeout(startTime, 500),传递函数本身。
    您甚至可以传递匿名函数:

    setTimeout(function() { alert('Five seconds later...'); }, 5000);

关于javascript - 有人可以向我解释这个 JavaScript 实时时钟吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4522213/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com