jQueryでキャンペーンページの表示を時限管理したい

jQuery


キャンペーン終了日が来たら以下を実行

１）赤文字赤枠囲みで「キャンペーンは終了しました。たくさんのご応募ありがとうございました」と表示する

２）「キャンペーンに応募する」ボタンを消す



javascript



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>