基於偶數或奇數分鐘顯示的圖像

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>