偶数または奇数分に基づいて表示される画像

Question

私は初心者で、これを自分で調べようと多くの時間を費やしています。 これをチェックアウトするpage それはwordpressの2つのイメージを示します。 私の目標は、あなたが見たときに画像を見るためにこのページに上陸する訪問者の半分を持つことです。最初はAd1、2番目はAd2です。 訪問者の残りの半分はAd2を最初に、Ad1をもう一度見ます。 私が試みているアプローチは、時間の分を使用することです。 分でもページを一方向にレンダリングします。奇妙な分は、逆になる。ページがロードされると は、私は次のコードを使用して現在の分を見つけることができます：私はISEVENまたはISODD javascript関数を使用するつもりだ。この時点で

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

。 私は画像を表示するためにIf Elseを使用する方法を理解しようとしています。 私はjavascriptを置く方法と、HTMLの本体を置くことだったのか分からない。ここで私が何をしてきたのですか？これはおそらく非常に基本的ですが、私はそれを理解できません。 if文をさまざまな方法で試しました。私は画像のHTMLがjavascriptセクションの外にある必要があると思う。 If Elseに基づいて画像をレンダリングするにはどうすればいいですか？

ご協力いただければ幸いです。私は非常に混乱しています。 ここにコードを入力しようとしましたが、それを行う際に問題が発生しました。 私のコードを見つけるhere。

ありがとうございます。

Answer 1

あなただけの場所「通常」ページ内のあなたの要素を

...そのようにJSにプレーンなHTMLを配置することはできません - とクローズ</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>