如何用html写代码,使得在网页上显示当前的时间和日期

发布网友 发布时间:2022-04-21 23:22

我来回答

4个回答

热心网友 时间:2023-06-23 19:56

效果图:


代码截图:(关键部分用框框标出)

源码:

<!DOCTYPE html>

<html lang="en">


<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>


<body>

    <div>

        <span id="date"></span> <br>

        <span id="week"></span>

    </div>


    <script>

        var showDate = document.getElementById('date');  // 获取页面元素

        var showWeek = document.getElementById('week');  // 获取页面元素


        var time = new Date();

        var year = time.getFullYear();  //获取年份

        var month = correctDate(time.getMonth() + 1);  //获取月份

        var day = correctDate(time.getDate());   //获取日期


        var date = "今天是" + year + "年" + month + "月" + day + "日";

        var week = time.getDay();  // 获取星期几,返回的是0/1/2/3/4/5/6 0代表周日


        var weeks = [ "星期日","星期一","星期二","星期三","星期四","星期五","星期六"];

        var toWeek = weeks[week];  // 获取今日星期

        showDate.innerHTML = date;  // 将日期显示在页面

        showWeek.innerHTML = toWeek;  // 将星期显示在页面


        /* 这是一个规范数字的函数:

            当时间小于10时,在数字前面加上0,统一都是用两个数字表示,

            比如3月5日就显示03月05日

        */

        function correctDate(date){

            if(date<10){

                return '0'+date;

            }

            return date;

        }

    </script>

</body>

</html>

热心网友 时间:2023-06-23 19:56

<!DOCTYPE html">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>js显示时间</title>

</head>

<body>

<div id="divBottom"></div>

<script type="text/javascript">

//获取当天日期

function date()

{

var date=new Date();

var year=date.getFullYear();

var month=date.getMonth()+1;

var day=date.getDate();

var hour="00"+date.getHours();

hour=hour.substr(hour.length-2);

var minute="00"+date.getMinutes();

minute=minute.substr(minute.length-2);

var second="00"+date.getSeconds();

second=second.substr(second.length-2);

var week=date.getDay();

switch(week)

{

case 1:week="星期一 ";break;

case 2:week="星期二 ";break;

case 3:week="星期三 ";break;

case 4:week="星期四 ";break;

case 5:week="星期五 ";break;

case 6:week="星期六 ";break;

case 0:week="星期日 ";break;

default:week="";break;

}

document.getElementById("divBottom").innerHTML=year+"年"+month+"月"+day+"日"+" "+hour+":"+minute+":"+second+" "+week;

}

setInterval("date()",1000);

</script>

</body>

</html>

热心网友 时间:2023-06-23 19:57

在浏览器随便打开个网页,按f12,点击第二个console,输入new Date(),查看输出的对象

热心网友 时间:2023-06-23 19:57

沉默了很久,EVA问,“你来是要倾诉什么么?”
“我想请你帮我一个忙。我希望今年新招的‘S’级学生路明非通过3E考试,无论他的潜力到底如何。”
“如果他真的不是龙族血裔,让他通过3E考试进入学院,可能会导致泄密哦。”
“就当帮朋友一个忙吧,对你这并不难。”
“应该说对于诺玛不难。”EVA轻轻地叹了口气。
“你是诺玛么?”男人看着自己手中半透明的、娇小的手掌,“我感觉不到你手的触感,常常会想其实你已经不在这里。”
“我确实已经不在这里了,”EVA轻声说,“你看到的,只不过是你自己的记忆。”
男人沉默了很久,“在这里你是万能的,我想要一瓶啤酒。”
“这里只有硬盘、处理器和路由器,没有啤酒,那么多年过去了,你已经改变了自己很多,依然无法改变喜欢喝酒这个坏毛病么?”
“我曾经以为我再也不会喝酒了……因为如果那天晚上我没有喝醉,也许我就不会失去你。”男人声音嘶哑,“可是这些年我还是离不开酒,因为不喝酒的时候,我就会想到你。我讨厌回忆,总让人分不清自己到底是谁。”
“你就是你,从未改变。”
“嘻哈嘻哈嘻哈”的声音从男人背后传来,他警觉地转身,小臂上青筋暴露,如同蛇一般扭曲,无与伦比的力量已经凝聚。他看到的是一个奇怪的东西,那是一个由金属圆球、金属短棍组成的小人形,只到男人膝盖的高度,这些原本应该散落一地的零件似乎是被强大的磁力吸聚在一起了,它居然还有一张小丑般逗乐的脸,两颗充作眼球的金属珠子滚来滚去,金属短棍组成的嘴咧开,现出谄媚的笑容,“手”中托盘上是一瓶冻过的Samual Adams黑啤酒。
男人抓过酒瓶的同时,那个小东西伶俐地摸出一个开瓶器,“砰”地把瓶盖儿打开了。
“过个快乐的晚上,先生。”小东西的声音从周围的扩音设备中传来,带着酒吧侍者的调调。
“它是我无聊时候做的小东西,在这里只有它会陪我玩。”EVA说,“它叫Adams。”
“居然起了个啤酒的名字……或者你认为它会是你的亚当(注:亚当的英文拼写是“Adam”)?正好配你的EVA(注:德文中这个拼写的意思是“夏娃”)。”男人喝了口啤酒,对Adams挥挥手,“可以退下了,小伙子。”

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com