日期对象

三角函数:

<script>
        console.log(Math.sin(30))
            //Math.sin(30) 直接写到里面的时候是弧度角
            //1°=2ΠR/360=ΠR/180   既PI/180
        console.log(Math.sin(Math.PI / 180*30))
            //sin30°
    </script>

日期对象:

<script>
        console.log(new Date())
            //sun sep 2019 12.08.02 GMT+0800 (中国标准时间)
            // sun  sunday  星期天  sep September 九月  2019 12.08.02 GMT:格林尼治
        console.log(typeof new Date())
            //object 对象


        console.log(1111111111)
        var date = new Date();
        console.log(date)
            // 返回年
        var YY = date.getFullYear();
        console.log(YY)
            // 返回月
        var MM = date.getMonth();
        console.log(MM + 1) //月份是从0开始计算的,0~11
            // 返回日,返回值是 0(周日) 到 6(周六) 之间的一个整数。
        var week = date.getDay();
        console.log(week)
            // 返回x日/天
        var DD = date.getDate();
        console.log(DD)
        var hh = date.getHours();
        var mm = date.getMinutes();
        var ss = date.getSeconds();
        var ms = date.getUTCMilliseconds();
        console.log(hh, mm, ss, ms) // 返回 时  分  秒  毫秒
        var Time = date.getTime();
        console.log(Time) //时间戳:返回距离1970年1月1日 所过了多少毫秒
        console.log(Date.now()) //同样是返回时间戳
        console.log(date)
        console.log(date.toLocaleString()) //返回:年月日 时分秒
        console.log(date.toLocaleDateString()) //返回年月日
        console.log(date.toLocaleTimeString()) //返回时分秒
        console.log(date.toTimeString()) //返回时分秒,所在的时间
            // 返回指定的时间到1970年1月1日的时间
        console.log(Date.UTC(2019, 9, 7))
        console.log(Date.UTC(2020, 1, 24))
            // 返回距离过年的具体毫秒
        console.log(Date.UTC(2020, 1, 24) - Date.UTC(2019, 9, 7))
            // console.log(Date.UTC('2020/1/24') - Date.UTC('2019/9/7'))
            //返回年月
        console.log(Date.UTC(2020, 1))
            //返回年:   默认返回1月1日
        console.log(Date.UTC(2020))
        console.log(Date.UTC(2020, 0, 1))
            // 自定义时间的时候,月份取的1`12
        var date2 = new Date('2019/9/8')
        console.log(date2);
        console.log(date2.getFullYear())

        // 返回世界时
        // 东八区 伦敦:0时区  日本:东九区
        // 洛杉矶 西八区
        // 480 分钟  480/60=8小时

        console.log(date.getTimezoneOffset())

在这里插入图片描述

当前时间

<div id="box">
        现在的时间为:
        <div id="p1"></div>
    </div>
<style>
    #box {
        width: 500px;
        height: 100px;
        margin: 50px auto;
        border: 1px solid;
    }
    
    p {
        font-size: 20px;
    }
</style>
<script>
        var box = document.getElementById('box');
        var p = document.getElementById('p1');
        // var n = 0;
        var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];

        function fn() {
            // n++
            // p.innerHTML = n++
            // console.log(n)
            var date = new Date(); // 返回年
            var YY = date.getFullYear(); // 返回月
            var MM = date.getMonth() + 1;
            var DD = date.getDate();
            var week = date.getDay();
            var hh = date.getHours();
            var mm = date.getMinutes();
            var ss = date.getSeconds();

            // var str = YY + '年' + MM + '月' + DD + '日' + '星期' + week + ' ' + hh + '时' + mm + '分' + ss + '秒'

            var str = YY + '年' + addZero(MM) + '月' + addZero(DD) + '日 ' + arr[week] + ' ' + addZero(hh) + '时' + addZero(mm) + '分' + addZero(ss) + '秒'
                // console.log(str)
            p.innerHTML = str;



        }
        fn()
        setInterval(fn, 1000)
        //当时间中分、秒等为个位数的时候,变化时总长度会哟变化,为固定长度 (比如 ’9‘改成’09‘)
        function addZero(n) {
            return n < 10 ? "0" + n : n + ""
        }

在这里插入图片描述
倒计时:

<p id="p2">
        距离过年还有:
        <span id="sp"></span>
    </p>
<style>
    #p2 {
        margin: 100px auto;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
    }
</style>
<script>
        var newYear = new Date('2020/1/24');
        var p = document.getElementById('sp');
        console.log(newYear)

        function fn() {
            var date = newYear - Date.now(); // 返回年
            console.log(date)
            var DD = Math.floor(date / 1000 / 60 / 60 / 24);
            var hh = Math.floor(date / 1000 / 60 / 60) % 24;
            var mm = Math.floor(date / 1000 / 60) % 60;
            var ss = Math.floor(date / 1000) % 60;
            // console.log(ss)
            var str = addZero(DD) + '天' + addZero(hh) + '小时' + addZero(mm) + '分钟' + addZero(ss) + '秒';
            p.innerHTML = str;

        }
        fn()
        setInterval(fn, 1000);

        function addZero(n) {
            // return n < 10 ? "0" + n : n + ""
            return n < 10 ? "0" + n : n
        }
    </script>

在这里插入图片描述

好久没有更新了 。。
以后要做笔记 记录生活~~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值