1
日付に基づいてdivを表示するように私のサイトにクエリを追加しました。私は自分のサイトに30 divを追加して、ディスプレイにnoneを追加しました。日付ベースのクエリを使用して、1つのdivを毎日アクティブにします。以前は、2日間追加したときに動作していました。しかし、私はそれを30日単位で追加しているとき、それは私のために働いていません。私のURLはhereです。日付ベースのスクリプトが動作しません
hereコードが実行されていることを確認できます。
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
window.setInterval(function(){
var current = new Date();
var expiry = new Date("March 26, 2017 12:00:00")
var expiry2 = new Date("March 27, 2017 12:00:00")
var expiry3 = new Date("March 28, 2017 12:00:00")
var expiry4 = new Date("March 29, 2017 12:00:00")
var expiry5 = new Date("March 30, 2017 12:00:00")
var expiry6 = new Date("April 01, 2017 12:00:00")
var expiry7 = new Date("April 02, 2017 12:00:00")
var expiry8 = new Date("April 03, 2017 12:00:00")
var expiry9 = new Date("April 04, 2017 12:00:00")
var expiry10 = new Date("April 05, 2017 12:00:00")
var expiry11 = new Date("April 06, 2017 12:00:00")
var expiry12 = new Date("April 07, 2017 12:00:00")
var expiry13 = new Date("April 08, 2017 12:00:00")
var expiry14 = new Date("April 09, 2017 12:00:00")
var expiry15 = new Date("April 10, 2017 12:00:00")
var expiry16 = new Date("April 11, 2017 12:00:00")
var expiry17 = new Date("April 12, 2017 12:00:00")
var expiry18 = new Date("April 13, 2017 12:00:00")
var expiry19 = new Date("April 14, 2017 12:00:00")
var expiry20 = new Date("April 15, 2017 12:00:00")
var expiry21 = new Date("April 16, 2017 12:00:00")
var expiry22 = new Date("April 17, 2017 12:00:00")
var expiry23 = new Date("April 18, 2017 12:00:00")
var expiry24 = new Date("April 19, 2017 12:00:00")
var expiry25 = new Date("April 20, 2017 12:00:00")
var expiry26 = new Date("April 21, 2017 12:00:00")
var expiry27 = new Date("April 22, 2017 12:00:00")
var expiry28 = new Date("April 23, 2017 12:00:00")
var expiry29 = new Date("April 24, 2017 12:00:00")
var expiry30 = new Date("April 25, 2017 12:00:00")
if(current.getTime()>expiry.getTime()){
$('.panchang_one').hide();
$('.panchang_two').show();
}
else if(current.getTime()>expiry2.getTime()){
$('.panchang_two').hide();
$('.panchang_three').show();
}
else if(current.getTime()>expiry3.getTime()){
$('.panchang_three').hide();
$('.panchang_four').show();
}
else if(current.getTime()>expiry4.getTime()){
$('.panchang_four').hide();
$('.panchang_five').show();
}
else if(current.getTime()>expiry5.getTime()){
$('.panchang_five').hide();
$('.panchang_six').show();
}
else if(current.getTime()>expiry6.getTime()){
$('.panchang_six').hide();
$('.panchang_seven').show();
}
else if(current.getTime()>expiry7.getTime()){
$('.panchang_seven').hide();
$('.panchang_eight').show();
}
else if(current.getTime()>expiry8.getTime()){
$('.panchang_eight').hide();
$('.panchang_nine').show();
}
else if(current.getTime()>expiry9.getTime()){
$('.panchang_nine').hide();
$('.panchang_ten').show();
}
else if(current.getTime()>expiry10.getTime()){
$('.panchang_ten').hide();
$('.panchang_eleven').show();
}
else if(current.getTime()>expiry11.getTime()){
$('.panchang_eleven').hide();
$('.panchang_twelve').show();
}
else if(current.getTime()>expiry12.getTime()){
$('.panchang_twelve').hide();
$('.panchang_thirteen').show();
}
else if(current.getTime()>expiry13.getTime()){
$('.panchang_thirteen').hide();
$('.panchang_fourteen').show();
}
else if(current.getTime()>expiry14.getTime()){
$('.panchang_fourteen).hide();
$('.panchang_fifteen').show();
}
else if(current.getTime()>expiry15.getTime()){
$('.panchang_fifteen').hide();
$('.panchang_sixteen').show();
}
else if(current.getTime()>expiry16.getTime()){
$('.panchang_sixteen').hide();
$('.panchang_seventeen').show();
}
else if(current.getTime()>expiry17.getTime()){
$('.panchang_seventeen').hide();
$('.panchang_eighteen').show();
}
else if(current.getTime()>expiry18.getTime()){
$('.panchang_eighteen').hide();
$('.panchang_nineteen').show();
}
else if(current.getTime()>expiry19.getTime()){
$('.panchang_nineteen').hide();
$('.panchang_twenty').show();
}
else if(current.getTime()>expiry20.getTime()){
$('.panchang_twenty').hide();
$('.panchang_twentyone').show();
}
else if(current.getTime()>expiry21.getTime()){
$('.panchang_twentyone').hide();
$('.panchang_twentytwo').show();
}
else if(current.getTime()>expiry22.getTime()){
$('.panchang_twentytwo').hide();
$('.panchang_twentythree').show();
}
else if(current.getTime()>expiry23.getTime()){
$('.panchang_twentythree').hide();
$('.panchang_twentyfour').show();
}
else if(current.getTime()>expiry24.getTime()){
$('.panchang_twentyfour').hide();
$('.panchang_twentyfive').show();
}
else if(current.getTime()>expiry25.getTime()){
$('.panchang_twentyfive').hide();
$('.panchang_twentysix').show();
}
else if(current.getTime()>expiry26.getTime()){
$('.panchang_twentysix').hide();
$('.panchang_twentyseven').show();
}
else if(current.getTime()>expiry27.getTime()){
$('.panchang_twentyseven').hide();
$('.panchang_twentyeight').show();
}
else if(current.getTime()>expiry28.getTime()){
$('.panchang_twentyeight').hide();
$('.panchang_twentynine').show();
}
else if(current.getTime()>expiry29.getTime()){
$('.panchang_twentynine').hide();
$('.panchang_thirty').show();
}
}, 3000);
$('.panchang_one').show();
</script>
私が間違っていることを誰かが指摘できますか？
正確に何を動作しませんか？私はそれが後でケースに適用されるべきときに、最初のケースが常に真であるという論理的な問題であると感じています。一番大きい数字から最も少ない数字にチェックする必要があります。 – epascarello
昨日、スクリプトが書かれたdivが正常に表示されています。しかし、今日は何も表示されていません。私の懸念は、1日に1つのdiv表示ブロックを作ることです。昨日の最初の部門は晴れていた。今日の2番目のdivは、表示することを意図していますが、表示しません。上記のスクリーンショットでdivコンテンツが表示される場所を確認してください。あなたが要素を調べると、私が何を参照しているかが分かります。 ありがとうございました。 –
これは絶対にひどいコードなので、多くの繰り返しは...ループや配列の操作に慣れています。さらに、ユーザーがあなたのサイトにどれだけ長く滞在することを期待していますか？ 3秒ごとに間隔を置いてそのチェックを実行することは、この目的のために一番上にあるようです。 – CBroe