Javascript 如何显示计时器计数10秒_Javascript_Html

Javascript 如何显示计时器计数10秒

javascript html

Javascript 如何显示计时器计数10秒,javascript,html,Javascript,Html,我的网站中有以下Javascript代码： <!DOCTYPE html> <html> <head> <title>change picture</title> <script type = "text/javascript"> function displayNextImage() { x = (x === images.length - 1

我的网站中有以下Javascript代码：

<!DOCTYPE html>

<html>
   <head>
      <title>change picture</title>
      <script type = "text/javascript">
          function displayNextImage() {
              x = (x === images.length - 1) ? 0 : x + 1;
              document.getElementById("img").src = images[x];
          }

          function displayPreviousImage() {
              x = (x <= 0) ? images.length - 1 : x - 1;
              document.getElementById("img").src = images[x];
          }

          function startTimer() {
              setInterval(displayNextImage, 10000);
          }

          var images = [], x = -1;
          images[0] = "http://newsxpressmedia.com/files/theme/radar000116.Gif";
          images[1] = "http://newsxpressmedia.com/files/theme/radarClosed.gif";
      </script>
   </head>

   <body onload = "startTimer()">
       <img id="img" src="http://newsxpressmedia.com/files/theme/radar000005.Gif">
       <button onclick="displayPreviousImage()">Previous</button>
       <button onclick="displayNextImage()">Next</button>
   </body>
</html>

我想在每个图像上方显示计时器，以这种格式00:00从秒数到10秒第一个00表示分钟，第二个00表示秒

在这种情况下，只有秒，但我想显示00:00，只有正确的00将计数，因为现在只有秒

每10秒计时器将重置一次，显示的图像将改变。

好，然后尝试使用此代码，它将帮助您：

JAVASCRIPT:

您的代码将是：

setInterval(function () {
if (counter<10){
    ++counter;
} else {
    counter =0;
    swap(one,two);
}
    document.getElementById("count").innerHTML="00:"+counter;
}, 1000);

这里有一个和两个是你的imgages标签的ID。

这个计时器指的是什么？请提供更多细节。

<p id="count"></p>

function swap(one, two) {
document.getElementById(one).style.display = 'block';
document.getElementById(two).style.display = 'none';
}

setInterval(function () {
if (counter<10){
    ++counter;
} else {
    counter =0;
    swap(one,two);
}
    document.getElementById("count").innerHTML="00:"+counter;
}, 1000);