js简单日期获取( 菜鸟入门基础)

关于js日期的获取要用到最基本的Date()方法获取当日的日期

var d =new Date(); 　　　//定义日期对象

var y=d.getFullYear(); 　//获取年

var m=d.getMonth()+1;　//从 Date 对象返回月份 (0 ~ 11)，所以要加1。

var dd=d.getDate();　　 //获取日

获取小时，分钟，秒也是同理，一次获取。注：1秒=1000毫秒

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>获取日期</title>

    <style>

        #box{width:650px;height:80px;background:#ccc;color:green;font-size:26px;text-align:center;line-height:80px;}

    </style>

    <script>

    window.onload=function(){

        var obox=document.getElementById('box');

        function show(){                //定义函数show

            var d =new Date();

            var y=d.getFullYear();

            var m=d.getMonth()+1;

            var dd=d.getDate();

            var h=d.getHours();

            var mm=d.getMinutes();

            var s=d.getSeconds();

            var t=y+"年"+m+"月"+dd+"日"+h+"时"+mm+"分"+s+"秒";

            obox.innerHTML=t;         //把日期使用innerHTML存入div中

        }

        setInterval(show,1000);        //计时器（1：调用show   2:1秒=1000毫秒  进行刷新）

        show();                        //调用 show函数   作用是按下F5刷新时，屏幕不会出现间断。

    }

    </script>

</head>

<body>

    <div id="box"></div>

</body>

</html>

秒客网

js简单日期获取( 菜鸟入门基础)

相关文章