javascript实现动态时间（包括星期）

最新推荐文章于 2021-06-15 18:56:47 发布

WenwenFighting1314

最新推荐文章于 2021-06-15 18:56:47 发布

阅读量896

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js 文章标签： date 动态时间 javascript

本文链接：https://blog.youkuaiyun.com/WenwenFighting1314/article/details/52609476

js 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个简单的HTML页面，该页面使用JavaScript动态地显示当前日期和时间，并实时更新。它还展示了如何将日期时间字符串输出到HTML元素中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>动态日期</title>
</head>

<body>
<input type="text" id="dd" size="50"/>
<script type="text/javascript">
    function showDate(){
        var date=new Date();
        var show_day=new Array('星期日','星期一','星期二','星期三','星期四','星期五','星期六'); 
        /*var show_day=new String();
        show_day[0]='星期日';
        show_day[1]='星期一';
        show_day[2]='星期二';
        show_day[3]='星期三';
        show_day[4]='星期四';
        show_day[5]='星期五';
        show_day[6]='星期六';*/
        var str=date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日"+date.getHours()+":"+date.getMinutes()+":"
        +date.getSeconds()+"   "+show_day[date.getDay()];
        document.getElementById('dd').value=str;
        setTimeout('showDate()',1000);
    }
    showDate();
</script>
</body>
</html>