js，jq前端常见的时间处理方式

最新推荐文章于 2024-05-21 10:56:13 发布

石金豆

最新推荐文章于 2024-05-21 10:56:13 发布

阅读量517

点赞数

文章标签：前端 jq 获取时间

本文链接：https://blog.csdn.net/qq_41864575/article/details/89474537

版权

1.常用的时间获取方式详解

var myDate = new Date();
myDate.getYear(); //获取当前年份(2位)
myDate.getFullYear(); //获取完整的年份(4位,1970-????)
myDate.getMonth(); //获取当前月份(0-11,0代表1月)
myDate.getDate(); //获取当前日(1-31)
myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)
myDate.getHours(); //获取当前小时数(0-23)
myDate.getMinutes(); //获取当前分钟数(0-59)
myDate.getSeconds(); //获取当前秒数(0-59)
myDate.getMilliseconds(); //获取当前毫秒数(0-999)
myDate.toLocaleDateString(); //获取当前日期
var mytime=myDate.toLocaleTimeString(); //获取当前时间
myDate.toLocaleString( ); //获取日期与时间

//取得当前时间
window.onload = function getNowTime(){ //取得当前时间 var now= new Date(); var year=now.getYear(); var month=now.getMonth()+1; var day=now.getDate(); var hour=now.getHours(); var minute=now.getMinutes(); var second=now.getSeconds(); var nowdate=year+"-"+month+"-"+day+" "+hour+":"+minute+":"+second; document.getElementById("break_date").value = nowdate; }

如果想获取当天的时间段：new Date(new Date().getFullYear(),new Date().getMonth(),new Date().getDate(),13,0,0).getTime()

解析上面红色代码：获取当天13：00的毫秒数，可以用来判断当前时间的毫秒数在当天时间段内是否成立。

2.倒计时时间段前端处理

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>js时分秒毫秒倒计时</title>
    </head>
    <body>
        <div>
            <!--<span id="_d">00</span>-->
            <span id="_h">00</span>
            <span id="_m">00</span>
            <span id="_s">00</span>
            <!--<span id="_ms">00</span>    -->
        </div>
        <script type="text/javascript">
            function countTime() {
                var date = new Date();
                var now = date.getTime();    
                var endDate = new Date("2018-6-01 00:00:00");//设置截止时间
                var end = endDate.getTime();
                var leftTime = end - now; //时间差                              
                var d, h, m, s, ms;
                if(leftTime >= 0) {
                    // d = Math.floor(leftTime / 1000 / 60 / 60 / 24);
                    h = Math.floor(leftTime / 1000 / 60 / 60);
                    m = Math.floor(leftTime / 1000 / 60 % 60);
                    s = Math.floor(leftTime / 1000 % 60);
                    ms = Math.floor(leftTime % 1000);
                    if(ms < 100) {
                        ms = "0" + ms;
                    }
                    if(s < 10) {
                        s = "0" + s;
                    }
                    if(m < 10) {
                        m = "0" + m;
                    }
                    if(h < 10) {
                        h = "0" + h;
                    }
                } else {
                    console.log('已截止')
                }
                //将倒计时赋值到div中
                // document.getElementById("_d").innerHTML = d + "天";
                document.getElementById("_h").innerHTML = h + "时";
                document.getElementById("_m").innerHTML = m + "分";
                document.getElementById("_s").innerHTML = s + "秒";
                // document.getElementById("_ms").innerHTML = ms + "毫秒";
                //递归每秒调用countTime方法，显示动态时间效果
                setTimeout(countTime, 50);
            }

            countTime();
        </script>
    </body>
</html>

石金豆

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js，jq前端常见的时间处理方式

1.常用的时间获取方式详解var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getD...
复制链接

扫一扫