成都web前端培训
成都达内金融街中心

18628200088

热门课程

【成都达内】惊!比较时间js还可以这样写

  • 时间:2017-12-01 14:28
  • 发布:达内杨老师
  • 来源:达内

web的本意是蜘蛛网和网的意思,在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域。表现为三种形式,即超文本(hypertext)、超媒体(hypermedia)、超文本传输协议(HTTP)等。

把想要比较的时间如2016-12-1转变为数组,然后用new Date()转为可对比的标准时间。

用一个时间比较函数实现。

<html><head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
        <div id="nowTime"></div>
        <div id="start">开始时间为2016-11-21</div>
        <div id="startTime"></div><!--当前时间与开始时间,返回的时间比较状态-->        
        <div id="end">结束时间为2019-4-13</div>
        <div id="endTime"></div><!--当前时间与结束时间,返回的时间比较状态-->        
</body>
<script>
        function comparaDate(nowArr,dateArr){//比较时间大小
                var nowDay = new Date(nowArr[0],nowArr[1],nowArr[2]);//使用new Date()把数组转化为时间
                var day = new Date(dateArr[0],dateArr[1],dateArr[2]);
                
                if(nowDay < day){//nowDay比day早,返回0
                        return 0;
                }
                if(nowDay == day){//nowDay与day相等,返回1
                        return 1;
                }
                if(nowDay > day){//nowDay比day晚,返回2
                        return 2;
                }
        }
        var date=new Date();
        var year = date.getFullYear();     //年   
        var month = date.getMonth() + 1;   //月   
        var day = date.getDate();  //日
        var nowTimeArr = [year,month,day];

        var startTime = (year-1)+'-'+month+'-'+day;//获取时间,可自己定义
        var startTimeArr = startTime.split('-');

        var endTime =(year+1)+'-'+month+'-'+day;//获取时间,可自己定义
        var endTimeArr = endTime.split('-');

        var nowToStartStatus = comparaDate(nowTimeArr,startTimeArr);//现在时间比开始时间
        var nowToEndStatus = comparaDate(nowTimeArr,endTimeArr);//现在时间比结束时间
        document.getElementById("startTime").innerHTML=nowToStartStatus;
        document.getElementById("endTime").innerHTML=nowToEndStatus;
        document.getElementById("start").innerHTML='开始时间为'+(year-1)+'-'+month+'-'+day;
        document.getElementById("nowTime").innerHTML='当前时间为'+year+'-'+month+'-'+day;
        document.getElementById("end").innerHTML='结束时间为'+(year+1)+'-'+month+'-'+day;
</script>

</html>

免责声明:本文由成都html5培训小编转载自网络,旨在分享提供阅读,版权归原作者所有,如有侵权请联系我们进行删除。

上一篇:【成都达内】发福利了,web免费模具分享
下一篇:【成都达内】web前端入门不是你想象的那么难!
选择城市和中心
贵州省

广西省

海南省