如何在一段时间内隐藏页面的一部分

您正在制作销售页面的VSL,并希望仅显示视频几分钟?想要暂时隐藏购买按钮或页面的某些元素?本文将介绍一个简单的解决方案。

这么简单的东西在互联网上却很难找到,也许是因为表达不对。有时候我们会碰到要实现非常简单的功能却需要用到庞大的插件或代码。

这里想要做的是隐藏一个CSS元素,并且在一段时间后显示出来。这可以很容易地通过不到4行的简单Javascript代码来实现。

如何在几分钟内隐藏一个元素?

你需要理解的第一件事是要隐藏哪个元素。如果你想隐藏几乎整个页面,只留下视频,你可以用 HTML 创建一个 DIV,给它加上你选择的 CSS 类,然后把它放在页面的最后。

.classname {display:none;}

如果您正在使用WordPress的块编辑器,您也可以轻松隐藏元素,方法是进入每个块的高级设置,并设置CSS类。

在选择了CSS类并将其添加到要隐藏的元素之后,您需要在页眉中添加JavaScript。所有这些都取决于您使用的主题或插件。

在页眉中添加以下代码:

<script>setTimeout(function() {
  $('.classname').show()
}, 400000);
</script>

在 ClassName 中,您输入要隐藏的类名。在数字 400000 处,您确定元素变得可见的等待时间。这是毫秒。

对于每1000个项目,我们有1秒的总时间。因此,在这个代码中找到的400,000相当于大约6分钟。你可以使用这个信息来计算所需的时间。

看,如何轻松地在页面上隐藏一个元素或一半页面一段时间?一个简单的代码,非常适合创建您的VSL、销售页面或其他任何您希望集中注意力的内容。