Question

我是新手，花了很多时间试图自己解决这个问题。看看这个page。它在wordpress中显示两个图像。我的目标是让有一半的访问者登陆此页面以查看您看到的图像。首先是Ad1，第二是Ad2。而另一半的访问者首先看到Ad2和Ad1秒。我正在尝试的方法是使用一小时的分钟。甚至几分钟就可以单页渲染页面。奇怪的分钟呈现出另一种方式。加载页面时，我可以使用以下代码找到当前分钟：

var d = new Date()
var n = d.getMinutes()

此时我将使用isEven或isOdd javascript函数。我正在试图弄清楚如何使用If Else来显示图像。我不知道如何分开放javascript和放html体。这就是我一直在玩的东西。这可能是非常基本但我无法弄清楚。我已经用很多不同的方式尝试了if语句。我认为图像html需要在javascript部分之外。如何基于If Else渲染图像。

非常感谢任何帮助。我很困惑。我尝试在这里输入代码，但遇到了这样做的问题。找到我的代码here。

提前谢谢。

Answer 1

你不能只是把简单的HTML放到JS中......

将您的元素“正常”放入页面中 - 并添加一些ID选择器

在<script>代码内，在结束</body>代码定位之前，您的ID元素的后缀为0或1，具体取决于分钟提醒% 2 - 并向该元素添加.hidden类。

<style>
.hidden{display:none;}
</style>


<div id="ads_0">ONE (visible when minutes are odd)</div>
<div id="ads_1">TWO (visible when minutes are even)</div>


<script>
var min = new Date().getMinutes() % 2; // 0, 1, 0, 1....
document.getElementById("ads_"+ min).classList.add("hidden");
</script>

基于偶数或奇数分钟显示的图像

1 个答案: