jQueryでキャンペーンページの表示を時限管理したい
キャンペーン終了日が来たら以下を実行
1)赤文字赤枠囲みで「キャンペーンは終了しました。たくさんのご応募ありがとうございました」と表示する
2)「キャンペーンに応募する」ボタンを消す
var endDateArr =[ //キャンペーン終了日の年を指定 2010, //キャンペーン終了日の月を指定 1, //キャンペーン終了日の日を指定 1 ]; var today=new Date();//システム時間のDateオブジェクトを生成 var todayT =today.getTime(); //今日の日付をミリ秒で取得 var CpnEndDay =new Date(endDateArr[0],endDateArr[1]-1,endDateArr[2]+1);//キャンペーン終了日のDateオブジェクトを生成 var CpnEndDayT =CpnEndDay.getTime();//キャンペーン終了日をミリ秒で取得 $(function(){ if(todayT > CpnEndDayT) //今日の日付>キャンペーン終了日→Yesの場合以下を実行 $("#dispCpnEnd").html('<div style="border:1px solid #ff0000;font-weight:bold;">キャンペーンは終了しました。たくさんのご応募ありがとうございました</div>'), //id名dispCpnEndにキャンペーン終了のメッセージを表示 $("#btnEntry").css('display','none'); //id名btnEntryにcss display:noneを追加 }); </script>
html
<p id="dispCpnEnd"></p> <button id="btnEntry" type="button" name="aaa" value="aaa">キャンペーンに応募する</button>