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

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这样的...

将网页“正常”里面的元素 - 和结束</body>之前添加一些ID选择

比<script>标签内，标记目标您的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>