javascript - 功能完成时加载按钮

Question

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

代码来源:

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

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

详细说明:

我将此代码移至一个简单的 html 页面，一切顺利。 注册表单完成后，文本消息将稍有延迟地显示。

我想要的是，在短信下方有一个具有超时功能的按钮(比短信长一点)，我可以从这里将用户导航到下一页。

再次，当此代码的整个过程完成时，将加载短信。 我需要一个按钮来加载该文本下方。

我需要按钮将用户移动到下一页，因此它应该包含一个链接并可以添加在同一选项卡中打开。

对此的任何帮助将不胜感激。

Answer 1

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

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

添加基本的 CSS，如位置、宽度和高度。将不透明度设置为 0，并将指针事件设置为无。

//other properties
opacity:0;
pointer-events:none;
//other properties

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

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

我希望这能解决您的问题。祝你有美好的一天!