JavaScript で日付を表示してみる。

◆ 単純な日付の表示練習 ◆

WordPressの記事の中で、Plugin無しで実行させる方法

・先ずは実行結果

  


WordPressでJavaScriptを使う場合は、

<h1 id="time"></h1>
<div><script>
    time();
    function time(){
        var now = new Date();
        document.getElementById("time").innerHTML = now.toLocaleTimeString();
    }
    setInterval('time()',1000);
    var now = new Date();
    var year = now.getFullYear();
    var month = now.getMonth()+1;
    var date = now.getDate();
    var hour = now.getHours();
    var min = now.getMinutes();
    var output = year+"/"+month+"/"+date+" "+hour+"時"+min+"分です。";
    document.write(output);
    document.write("<br>");
    var hiduke=new Date();
    var month = hiduke.getMonth()+1;
    var day = hiduke.getDate();
    document.write("今日は、"+month+"月"+day+"日 です。");
</script></div>

と入れれば使えるようです。