求请教代码：点击某个链接， 5 秒后在本页面上出现隐藏的内容（下载地址）

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 3010 天前的主题，其中的信息可能已经有所发展或是发生改变。

由于业务逻辑需要，要用户在点击下载链接后，出现 5 秒倒计时，然后本页面上出现下载地址。由于对 javascript 不太熟悉，求实现代码。

有点类似于这个问题，但是我不是要直接下载文件，而是出现下载地址。 https://segmentfault.com/q/1010000006082435

下载

地址

代码

页面

17 条回复 • 2016-08-16 20:43:49 +08:00

cxe2v

2016-08-16 11:59:57 +08:00

setTimeout()和 setInterval() 结合使用

cstome

2016-08-16 12:16:04 +08:00 via Android

<div style=“ display: none ”>下载链接</div>

然后 js ： setTimeout()将那个 div 的 display 改成 block

lijsh

2016-08-16 14:23:07 +08:00

1. 倒计时功能要写个 setInterval ，每秒触发一次， 5 秒后清除掉。
2. 写个函数 fn ，实现显示下载地址的功能，然后这样调用： setTimeout(fn, 5000)

flowfire

2016-08-16 14:43:21 +08:00

。。。。。为什么我看到这个问题的第一反应是怎么防止前段看代码直接抓数据。。。

sheep3

2016-08-16 15:05:25 +08:00

@flowfire = =同这么想

ljbha007

2016-08-16 15:07:54 +08:00

伸手党在这里是会被骂的

huage

2016-08-16 16:10:59 +08:00

@ljbha007 是请教大家，不算申手直接拿，我也在 V2EX 中回答过许多问题。术业有专攻，入门要人指点带路。

ljbha007

2016-08-16 16:17:21 +08:00

@huage 我认为“求实现代码。” 是直接叫人帮你写的意思

ArthurKing

2016-08-16 16:18:27 +08:00

为什么我第一时间想到了 1024 上经常用到的图床……

annielong

2016-08-16 16:58:22 +08:00

如果是为了防抓取，还要加上 ajax 读取下载地址，现在 1024 有一个图床特闹人，同样的 url 直接访问可以看到图片，一旦下载就变成了小图片，还没开始研究怎么跳过去

ZGLHHH

2016-08-16 17:00:02 +08:00

这方面你可以请教一下 yunfile 这个网盘

Durandal01

2016-08-16 17:20:12 +08:00

~~~
[5,4,3,2,1,0].forEach((i) => {
setTimeout((i) => {
if(i === 0) {
ajax.getDownloadUrl().then((url) => {
yourButton.href = url;
yourButton.removeAttr('disabled');
})
} else {
yourButton.innerHTML = `倒数:${i}`;
}
}), 1000*(5 - i));
});
~~~

大概是这样吧……不保证能运行哟