Javascript 倒计时显示链接

标签 javascript

我正在尝试使用此代码从 10 秒开始倒计时,然后显示一个链接。

x116=30;
FUNCTION countdown() 
{
IF ((0 <= 100) || (0 > 0))
{
x116--;
IF(x116 == 0)
{
document.getElementById("dl").innerHTML = '<a href="download.php">Download</a>';
}
IF(x116 > 0)
{
document.getElementById("dl").innerHTML = 'Please wait <b>'+x116+'</b> seconds..';
setTimeout('countdown()',1000);
}
}
}
countdown();

我只知道一些非常基本的 javascript。那么谁能告诉我这有什么问题吗?基本上什么都不会发生。

最佳答案

试试这个:

var container = document.getElementById('dl');
var seconds = 10;
var timer;
function countdown() {
    seconds--;
    if(seconds > 0) {
        container.innerHTML = 'Please wait <b>'+seconds+'</b> seconds..';
    } else {
        container.innerHTML = '<a href="download.php">Download</a>';
        clearInterval(timer);
    }
}
timer = setInterval(countdown, 1000);

关于Javascript 倒计时显示链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1123562/

相关文章:

javascript - 如何在 ng-bind-html 中呈现 Angular 变量的内容

javascript - 如何将值从 jQueryMobile Slider 传递给 python

javascript - 登录 react native 后如何更改导航器初始路线

javascript - React Native 中基于 API 的布局

javascript - 使用 JSON 在 php 中附加一个文本文件,不起作用并且没有显示错误消息

javascript - JS 函数中的最大代码行数

javascript - 在 React 中,是否有比从映射中引用外部类更标准的方法?

c# - 如何使用 HtmlTextWritter 在 C# 中延迟 JavaScript 文件最后加载

javascript - 通过传递 jquery 变量切换按钮

javascript - Mapbox gl & directions API 调用 - 不显示路线