天天看點

實時顯示時間(HTML+JS)

方法一:

<!--setInterval實時顯示時間-->
<p id="time1" style="color: blueviolet;"></p>
<script>
    function mytime(){
        var a = new Date();
        var b = a.toLocaleTimeString();
        var c = a.toLocaleDateString();
        document.getElementById("time1").innerHTML = c+"&nbsp"+b;
        }
    setInterval(function() {mytime()},);
</script>
           

方法二:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script type="text/javascript">
function getTime() {

    var dateObj = new Date();

    var year = dateObj.getFullYear();//年
    var month = dateObj.getMonth()+;//月  (注意:月份+1)
    var date = dateObj.getDate();//日
    var day = dateObj.getDay();
    var weeks = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
    var week = weeks[day];//根據day值,擷取星期數組中的星期數。
    var hours = dateObj.getHours();//小時
    var minutes = dateObj.getMinutes();//分鐘
    var seconds = dateObj.getSeconds();//秒

    if(month<){
        month = "0"+month;
    }
    if(date<){
        date = "0"+date;
    }
    if(hours<){
        hours = "0"+hours;
    }
    if(minutes<){
        minutes = "0"+minutes;
    }
    if(seconds<){
        seconds = "0"+seconds;
    }

    var newDate = year+"年"+month+"月"+date+"日"+hours+":"+minutes+":"+seconds+"&nbsp &nbsp"+week;
    document.getElementById("date1").innerHTML = "時間顯示:" + newDate;//在div中寫入時間
    setTimeout('getTime()', );//每隔500ms執行一次getTime()
}
</script>

<title>實時顯示時間</title>
</head>
<body onload="getTime()">
    <div id="date1"></div>
</body>
</html>
           

差別:

*setInterval在執行完一次代碼之後,經過了那個固定的時間間隔,它還會自動重複執行代碼。

而setTimeout隻執行一次那段代碼。*

繼續閱讀