指定した時刻に要素を変更したい（Chrome以外のブラウザが変更にならない）

Question

前提・実現したいこと

指定した時刻にリロードせずにdivの中身が変わるようにしたいと思います。

発生している問題

Chromeでは時間が来ると変更されるのですが、他ブラウザ（Firefox・safari）だとうまく動作しません。

JavaScript

// 日付によって表示非表示にする
window.onload = function () { // ページ読み込み時
    funcAdd1(); // 関数呼び出し
}
    function funcAdd1() {
    var objDate = new Date();
    var now = objDate.getTime(); //現在のタイムスタンプ（ミリ秒）を取得
    var changeTime = new Date("12 7, 2018 16:19:00:00"); //SS王座決定戦を開催中にするタイミング

    //切り替え前
    if (now < changeTime) {
    document.getElementById('hoge1').style.display = "block";
    document.getElementById('hoge2').style.display = "none";
    setTimeout("funcAdd1()", 1000);//1秒ごとに実行（◯秒ごとの場合は、第2引数に 「◯ * 1000」 と記述）
    //切り替え後
    } else {
    document.getElementById('hoge1').style.display = "none";
    document.getElementById('hoge2').style.display = "block";
    }
    }
}

HTML

<div id="hoge1">変更前</div>
<div id="hoge2">変更後</div>

タイマー前のPCでの表示状態

chrome 「変更前」
safaru 「変更後」
firefox 「変更後」

chrome以外は時間を何時に設定しても「変更後」となります。
ブラウザによって別の方法が必要か、JavaScriptの書き方がまずいのでしょうか？
ヒントなどがあればよろしくお願いいたします。

補足情報（FW/ツールのバージョンなど）

MacのためIEでは未確認です。

Answer 1

たとえば

new Date("12 7, 2018 16:19:00:00")

をこうしてみては？

new Date("2018/12/7 16:19:00");

Comments

[petitplanet]

firefox・safariで無事修正が確認できました！ありがとうございました。