javascript定時器方法使用

時間 2021-08-13

標籤 javascript html java ide spa xml htm 對象欄目 JavaScript 简体版

原文原文鏈接

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<body>
    當前系統時間：<span id="time"></span>
</body>


<script type="text/javascript">
    
    function getCurrentTime(){
        //獲取到當前的系統時間
        var date = new Date();
        //把當前系統時間拼裝成我指定的格式。
        var timeInfo =  date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日 "+
    date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();
    
        //找span對象
        var  spanObj = document.getElementById("time");
        //設置span標籤體的內容
        spanObj.innerHTML = timeInfo.fontcolor("red");
    }

    getCurrentTime();
    
    //定時方法.
    window.setInterval("getCurrentTime()",1000); /* setInterval   定時方法，第一個參數要指定調用的代碼，第二參數是每                                                隔指定的毫秒數調用指定的代碼。*/
            

</script>


</html>