JavaScriptで時間指定をして表示を切り替え

質問

JavaScriptで時間指定をして表示を切り替えたいのですが
safariだけうまく動作しません、下記のjsファイルを読み込んでHTML側には
<div id="hoge1">切り替え前の内容</div>
<div id="hoge2">切り替え後の内容</div>
としています。
解決策があればご教授お願い致します。

window.onload = changeDisplay;
function changeDisplay(){
var objDate = new Date();
var now = objDate.getTime();//現在のタイムスタンプ（ミリ秒）を取得
var changeTime = new Date("Jan 1, 2011 00:00:00");//切り替える日時のタイムスタンプ（ミリ秒）を取得
//切り替え前
if (now < changeTime) {
document.getElementById('hoge1').style.display = "block";
document.getElementById('hoge2').style.display = "none";
setTimeout("changeDisplay()", 1000);//1秒ごとに実行（◯秒ごとの場合は、第2引数に 「◯ * 1000」 と記述）
//切り替え後
} else {
document.getElementById('hoge1').style.display = "none";
document.getElementById('hoge2').style.display = "block";
}
}

回答No.1

ibara994 · ベストアンサー

ミリ秒どうしを比較してないからだと思います
changeTimeの方も、getTime()でミリ秒にしてみてはどうでしょう？

var now = (new Date()).getTime();
var changeTime = (new Date("2011/01/01 00:00:00")).getTime();
if(now < changeTime)

お礼

ありがとうございます！　修正できました。