javascript inner html 不断更新

标签 javascript youtube-api

这与 youtube api 和获取当前时间有关。

    var currenttime = ytplayer.getCurrentTime();
    document.getElementById('currenttime').innerHTML = currenttime;

    <p id="currenttime"></p>

我如何让它不断更新当前时间,以便您可以在播放视频时在屏幕上看到时间在增加?

最佳答案

您可以使用一个计时器,每隔一秒获取一次时间。

var timer = setInterval(function(){
          document.getElementById("currenttime").innerHTML = currenttime;
},1000);

注意:
仔细看看(关于setInterval和setTimeout的区别): setTimeout or setInterval?

关于javascript inner html 不断更新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10600396/

相关文章:

javascript - jquery datepicker change event trigger 和 input 的默认 change event

javascript - 如何添加选择选择器项目的链接?

javascript - 将线性阵列转换为矩阵的有效方法

ios - 在 iOS 应用程序中播放嵌入的 YouTube 视频,而不是全屏

javascript - YouTube API : How to upload thumbnail (JS)

video - 如何使用 Youtube 的新嵌入代码样式自动播放视频?

javascript - react 路由器加载两个组件

javascript - 使用 Javascript onpaste 粘贴图像不适用于 IE,适用于 chrome

javascript - 如何使用 Youtube Javascript API 浏览播放列表?

html - 嵌入的 YouTube 视频未加载