首页 > 代码库 > js学习总结----Date和应用

js学习总结----Date和应用

获取当前自己电脑的时间:不能做重要的用途,例如淘宝秒杀

  var time = new Date(); // 时间格式数据 (对象数据类型)

  下面是格式化时间的方法 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        body,div,ul,li{
            margin:0;
            padding: 0;
            font-family: Arial;
            font-size:24px;
            -webkit-user-select:none;
        }
        #div1{
            width:600px;
            height:50px;
            line-height:50px;
            padding:0 10px;
            text-align: center;
            border:1px solid #008cd7;
            background:-webkit-linear-gradient(top left,#08bece,#9acd32,#ffe0e9);
            margin:10px auto;
        }
        
    </style>
</head>
<body>
    <div id=‘div1‘>北京时间</div>

    <script type=‘text/javascript‘>

        var oDiv = document.getElementById(‘div1‘);
        oDiv.innerHTML +=formatTime();
        function formatTime(){
            var time = new Date();
            var year = time.getFullYear();
            var month = time.getMonth()+1;//0-11代表我们的1-12月
            var day = time.getDate();
            var w = time.getDay();//0-6之间 代表周日-周六
            var wstr = "日一二三四五六";
            var week = wstr.charAt(w)
            var hours = time.getHours();
            var minutes = time.getMinutes();
            var seconds = time.getSeconds();
            var mlSeconds = time.getMilliseconds();

            return year+"年"+zero(month)+"月"+zero(day)+"日 星期"+week+" "+zero(hours)+"时"+zero(minutes)+"分钟"+zero(seconds)+"秒";
        }

        function zero(value){
            return value<10?"0"+value:value
        }
    </script>
</body>
</html>

效果如下: 

  技术分享

将时间格式的字符标准化

技术分享

倒计时小案例:

  主要获取时间的代码如下

    需要先获取当前时间和目标时间的毫秒数 通过getTime(),然后计算两个的差值

  技术分享

  最后进行代码拼接就可以了。

 

js学习总结----Date和应用