实时显示时间（HTML+JS）

最新推荐文章于 2024-04-29 10:35:43 发布

布碗

最新推荐文章于 2024-04-29 10:35:43 发布

阅读量3.7k

点赞数

分类专栏： JavaScript 文章标签： JavaScript 实时显示时间 HTML

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

原文地址：http://blog.csdn.net/qq_35952946/article/details/56012654

方法一：

<!--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()},1000);
</script>
 
 1
2
3
4
5
6
7
8
9
10
11

方法二：

<%@ 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;//月  (注意：月份+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<10){
        month = "0"+month;
    }
    if(date<10){
        date = "0"+date;
    }
    if(hours<10){
        hours = "0"+hours;
    }
    if(minutes<10){
        minutes = "0"+minutes;
    }
    if(seconds<10){
        seconds = "0"+seconds;
    }

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

<title>实时显示时间</title>
</head>
<body onload="getTime()">
    <div id="date1"></div>
</body>
</html>
 
 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

区别：
*setInterval在执行完一次代码之后，经过了那个固定的时间间隔，它还会自动重复执行代码。
而setTimeout只执行一次那段代码。

布碗

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
实时显示时间（HTML+JS）

原文地址：http://blog.csdn.net/qq_35952946/article/details/56012654 方法一：&lt;!--setInterval实时显示时间--&gt;&lt;p id="time1" style="color: blueviolet;"&gt;&lt;/p&gt;&...
复制链接

扫一扫

专栏目录