Javascript 功能完成时加载按钮

我在添加一个按钮时遇到了一个问题，该按钮应该在Java脚本函数完成后可见

代码来源：

"https://codepen.io/arcs/pen/rYXrNQ"

注意：代码显然不是我的，我对此不承担任何责任

阐述：

我把这段代码移到了一个简单的html页面上，一切都很顺利。 一旦注册表表单完成，文本消息将显示一个小的时间延迟

这里我想要的是，在文本消息下面有一个带有超时功能的按钮（比文本消息长一点），我可以从这里导航用户到下一页

同样，当这个代码的整个过程完成时，文本消息将被加载。 我需要一个按钮来加载下面的文本

我需要按钮移动到下一页的用户，所以它应该包含一个链接，并在同一个标签打开也可以添加

---

非常感谢您的帮助。

首先创建一个带有下一页链接的“a”标签。确保为javascript部分提供一个id

<a id="button" href="path_to/nextpage.html">Text for the button</a>

完成此操作后，只需获取一个指向标记的变量，并添加另一个setTimeout函数，该函数将不透明度设置为1，并将指针事件设置为all

var nextbtn = document.getElementById("button"); //or whatever id you gave the <a> tag
setTimeout(function() {
    nextbtn.style.opacity = "1";
    nextbtn.style.pointerEvents="auto"
  }, 500);// you can change the delay to suit your requirements

var nextbtn=document.getElementById（“按钮”）//或者你给标签的任何身份
setTimeout（函数（）{
nextbtn.style.opacity=“1”；
nextbtn.style.pointerEvents=“自动”
}, 500);// 您可以更改延迟以满足您的要求

---

我希望这能澄清你的问题。祝你有愉快的一天

你想再转到第一页吗？最后一条消息下方出现的按钮，再次将您带到第一页？感谢您的关注。否，我需要按钮将用户移动到下一页，因此它应该包含一个链接，并且可以添加在同一选项卡中打开。在

setTimeout（function（）{h1.style.opacity=1；…

添加另一个setTimeout（）要加载buttonHi@ZohirSalak，我能够发现这一点，但如果您能给我一个完整的示例行，我将不胜感激，因为我已经添加了许多变体，所有结果都是失败的。这非常简单，只需另一个setTimeout（）

setTimeout（function（）{添加按钮功能的代码}，[您的延迟]）

当你有

可见性时，为什么要使用
不透明度
？这也行。我使用不透明度，因为我发现它更容易操作。在我的另一个项目中，因为我不能在不同的渐变之间转换，所以我将div显示为一个过渡。我尝试了
可见性
而不是
不透明度
，结果不是wokring。很可能是我的代码。但是是的，两者都很好。
var nextbtn = document.getElementById("button"); //or whatever id you gave the <a> tag
setTimeout(function() {
    nextbtn.style.opacity = "1";
    nextbtn.style.pointerEvents="auto"
  }, 500);// you can change the delay to suit your requirements