javascript - ページを更新せずにビューで更新する Time.now (javascript)

Question

ページに Time.now を単純に表示し、ある種の Javascript を使用して分を変更しようとしています。

確かにこれはとても簡単ですが、どうやってこれを始めたらいいのかわかりませんか?

<span><%= Time.now.strftime('%H:%M%p %d/%m/%Y') %></span>

Answer 1

http://jsfiddle.net/2dJAN/14/をご覧ください。

$(document).ready(function() {
    //custom wrote clock
    function updateClock() {
        var currentTime = new Date();
        var currentHours = currentTime.getHours();
        var currentMinutes = currentTime.getMinutes();
        var currentSeconds = currentTime.getSeconds();
        var today = new Date();
        var dd = today.getDate();
        var mm = today.getMonth() + 1;
        var yyyy = today.getFullYear();
        if (dd < 10) {
            dd = '0' + dd
        }
        if (mm < 10) {
            mm = '0' + mm
        }
        var today = mm + '/' + dd + '/' + yyyy ;
        currentMinutes = (currentMinutes < 10 ? "0" : "") + currentMinutes;
        currentSeconds = (currentSeconds < 10 ? "0" : "") + currentSeconds;
        var timeOfDay = (currentHours < 12) ? "AM" : "PM";
        currentHours = (currentHours > 12) ? currentHours - 12 : currentHours;
        currentHours = (currentHours == 0) ? 12 : currentHours;
        var currentTimeString = today + "&nbsp;&nbsp;&nbsp;" + currentHours + ":" + currentMinutes + ":" + currentSeconds + " " + timeOfDay ;
        var currentTimeStringforCheckout = currentHours + ":" + currentMinutes + ":" + currentSeconds + " " + timeOfDay;
        $(".clock").html(currentTimeString);
        $(".clock_in_checkout").html(currentTimeStringforCheckout);
    }
    window.onload = updateClock();
    setInterval(function() {
        updateClock();
    }, 1000);

});