创建一个简单的10秒倒计时 [英] Create a simple 10 second countdown

问题描述

我想要一行说：

您的下载将从（10,9,8等开始）开始于页面加载）秒。

我已经设置了10秒的下载文本，我查看了其他stackoverflow帖子。它们都包括CSS和Jquery。我想要一个Javascript / HTML计时器。

I already have the 10 second download text set up, and I have looked at other stackoverflow posts. They all include CSS, and Jquery. I would like just a Javascript/HTML timer.

没有其他请求用于表示您下载将在x秒内开始的简单行。我该怎么做？

No other requests have been made for a simple line stating "You're download will begin in x seconds". How would I do this?

推荐答案

这会给你一个进度条

var timeleft = 10;
var downloadTimer = setInterval(function(){
  document.getElementById("progressBar").value = 10 - timeleft;
  timeleft -= 1;
  if(timeleft <= 0)
    clearInterval(downloadTimer);
}, 1000);

<progress value="0" max="10" id="progressBar"></progress>

或者，这会创建一个文本倒计时。

Alternatively, this will create a text countdown.

var timeleft = 10;
var downloadTimer = setInterval(function(){
  document.getElementById("countdown").innerHTML = timeleft + " seconds remaining";
  timeleft -= 1;
  if(timeleft <= 0){
    clearInterval(downloadTimer);
    document.getElementById("countdown").innerHTML = "Finished"
  }
}, 1000);

<div id="countdown"></div>

这篇关于创建一个简单的10秒倒计时的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！