时间戳

首页 > 解决方案 > 功能完成时加载按钮

javascript - 功能完成时加载按钮

问题描述

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

代码来源：

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

注意：代码显然不是我的，我对此没有任何功劳

阐述：

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

我想要的是，在文本消息下方有一个具有超时功能（比文本消息长一点）的按钮，我可以从该按钮将用户导航到下一页。

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

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

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

标签： javascriptjavahtmlcss

解决方案

首先创建一个带有下一页链接的“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

我希望这可以解决您的问题。祝你有美好的一天！

推荐阅读