有人能给我解释一下这个JavaScript实时时钟吗?

有人能给我解释一下这个JavaScript实时时钟吗?,javascript,time,clock,Javascript,Time,Clock,有人能用语言解释一下吗?getElementById('txt')、innerHTML和setTimeout('startTime()',500)有什么作用?请参阅 getElementById获取具有给定ID的HTML DOM元素的innerHTML属性指定元素的HTML setTimeout方法在指定的毫秒数后运行函数 请注意,此代码是非常糟糕的做法;切勿将字符串传递给setTimeout 它应该是setTimeout(startTime,500),传递函数本身。 您甚至可以传递匿名函数:

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

请参阅

  • getElementById
    获取具有给定ID的HTML
  • DOM元素的
    innerHTML
    属性指定元素的HTML
  • setTimeout
    方法在指定的毫秒数后运行函数
    请注意,此代码是非常糟糕的做法;切勿将字符串传递给
    setTimeout

    它应该是
    setTimeout(startTime,500)
    ,传递函数本身。
    您甚至可以传递匿名函数:

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

  • getElementById
    获取具有给定ID的HTML
  • DOM元素的
    innerHTML
    属性指定元素的HTML
  • setTimeout
    方法在指定的毫秒数后运行函数
    请注意,此代码是非常糟糕的做法;切勿将字符串传递给
    setTimeout

    它应该是
    setTimeout(startTime,500)
    ,传递函数本身。
    您甚至可以传递匿名函数:

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

第一行获取页面上具有
id
属性
txt
(在本例中为
)的元素,并将内容(innerHTML)设置为带有格式化时间的字符串


第二行在JavaScript中设置计时器,在500毫秒后再次调用相同的函数。本质上是下一次更新时钟注意这是每半秒一次。它的值可能为1000。

第一行获取页面上具有
id
属性
txt
(在本例中为
)的元素,并将内容(innerHTML)设置为带格式化时间的字符串


第二行在JavaScript中设置计时器,在500毫秒后再次调用相同的函数。本质上是下一次更新时钟注意这是每半秒一次。它的值应该是1000。

如果您查看HTML,您将看到有一个
getElementById('txt')
方法完全按照它的发音执行,它获取具有ID
txt
innerHTML
属性将获取
中的内容,并允许您更改其中的内容


setTimeout()
是一种允许您延迟特定函数执行的方法。它接受以毫秒为单位的函数和时间。在这种情况下,500毫秒后将调用
startTime()
函数。我的猜测是,它允许在运行函数之前加载整个DOM树。我把密码看错了。
setTimeout()
调用用于递归调用
startTime()
,但会插入500毫秒的延迟,以便浏览器不会冻结尝试运行无限循环。

如果查看HTML,您会看到有一个
getElementById('txt')
方法完全按照它的发音执行,它获取具有ID
txt
innerHTML
属性将获取
中的内容,并允许您更改其中的内容


setTimeout()
是一种允许您延迟特定函数执行的方法。它接受以毫秒为单位的函数和时间。在这种情况下,500毫秒后将调用
startTime()
函数。我的猜测是,它允许在运行函数之前加载整个DOM树。我把密码看错了。
setTimeout()
调用用于递归调用
startTime()
,但会插入500毫秒的延迟,以便浏览器不会冻结尝试运行无限循环。

可以为每个HTML元素分配一个唯一定义它的
id
属性

代码

setTimeout(function() { alert('Five seconds later...'); }, 5000);
返回对DOM对象的引用,该对象表示id为txt的某个HTML元素

该对象的
innerHTML
属性表示该元素中的HTML。如果将字符串指定给该属性,则该字符串将替换以前存在的HTML

setTimeout
函数设置一个超时,以便在提供的超时(以毫秒为单位)过期后执行提供的函数

就你而言

document.getElementById('txt')
将在500毫秒内执行函数
startTime

setTimeout
返回一个已标识的值,您可以使用该值在以后取消请求


您可以在MDN或通过一些明智的谷歌搜索(或Bing或Lycosing等)找到更多关于和的信息。

可以为每个HTML元素分配一个唯一定义它的
id
属性

代码

setTimeout(function() { alert('Five seconds later...'); }, 5000);
返回对DOM对象的引用,该对象表示id为txt的某个HTML元素

该对象的
innerHTML
属性表示该元素中的HTML。如果将字符串指定给该属性,则该字符串将替换以前存在的HTML

setTimeout
函数设置一个超时,以便在提供的超时(以毫秒为单位)过期后执行提供的函数

就你而言

document.getElementById('txt')
将在500毫秒内执行函数
startTime

setTimeout
返回一个已标识的值,您可以使用该值在以后取消请求


您可以在MDN上或通过一些明智的谷歌搜索(或Bing或Lycosing或其他任何方式)找到更多关于和的信息。

document.getElementById('txt')
告诉浏览器您想要操作id为“txt”(在本例中为空div)的元素

.innerHTML
部分意味着您只需将div内部的HTML更改为下一步指定的某个值