運用jQuery 改良 JavaScript 程式

【結果展示參考】

<script src="js/jquery-xxxx.min.js" > </script>

<script>

var now = Date();
//document.getElementById('main').innerHTML = '登入時間: '+now;
$('#main').html('登入時間: '+now); // ************************(新增部份)

function runTime(){
    now = new Date();
    var nowY = now.getFullYear();
    var nowM = now.getMonth()+1;
    var nowD = now.getDate();
    var nowW = now.getDay();
    var nowH = now.getHours();
    var nowI = now.getMinutes();
    var nowS = now.getSeconds();

    if( nowH < 10 ){ nowH = '0' + nowH; }
    if( nowI < 10 ){ nowI = '0' + nowI; }
    if( nowS < 10 ){ nowS = '0' + nowS; }

    switch( nowW ){
        case 0: nowW = '日'; break;
        case 1: nowW = '一'; break;
        case 2: nowW = '二'; break;
        case 3: nowW = '三'; break;
        case 4: nowW = '四'; break;
        case 5: nowW = '五'; break;
        case 6: nowW = '六'; break;
    }
    
    var nowStr = nowY+'年'+nowM+'月'+nowD+'日星期'+nowW+' '
                +nowH+':'+nowI+':'+nowS;     
    //document.getElementById('currentTime').innerHTML 
    //= '此刻時間：'+nowStr;
    $('#currentTime').html('此刻時間：'+nowStr); // **********(新增部份)
}
    
runTime();
var myInterval = setInterval( runTime, 1000);

//當目前時間區塊被點選會切換時間的啟動與停止
var IO = 1;

$('#currentTime').click(function(){   // ******************(修正部份)
    if( IO == 1 ){
        clearInterval(myInterval);
        IO = 0;
    }else{
        runTime();
        myInterval = setInterval( runTime, 1000); 
        IO = 1;
    }
});

</script>