js倒计时年月日时分秒

最新推荐文章于 2024-07-27 18:37:51 发布

自然萌emmm

最新推荐文章于 2024-07-27 18:37:51 发布

阅读量1k

点赞数 1

分类专栏： js 文章标签： javascript html 前端 js

本文链接：https://blog.csdn.net/zi_ran_meng/article/details/125320808

版权

js 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>年月日+时分秒</title>
    <script src="./images/jquery-1.8.3.min.js"></script>
</head>
<style>
    p{width: 1000px; height: 50px; margin: 0 auto;}
    div{width: 1000px; height: 50px; margin: 0 auto;}
    span{display: block; width: 1000px; height: 50px; margin: 0 auto;}
</style>
<body>


    <p class="p" id="p"></p>
    <div class="div" id="div"></div>

    <span class="span"></span>
    <script>
        var date = new Date()

        var year = date.getFullYear()   // 年分
        var month = date.getMonth() +1   //月份
        var dates =date.getDate()     //日期
        var arr = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六",]
        var day =date.getDay()       //周几


      console.log( "今天是" +year + "年" +month + "月" + dates + "日" + arr[day]  );



        var a="今天是" +year + "年" +month + "月" + dates + "日" + arr[day]
         $('.p').html(a)


            //时分秒
            function getTime(){
                var time =new Date();
                var hours = time.getHours();
                var m = time.getMinutes();
                var s = time.getSeconds();
                s = s < 10 ? "0" +s :s;
                return hours + ':' + m + ':' + s
            }
        console.log(getTime());

        $('.div').html(getTime())




        // 倒计时
            function down(time){
                var djs = +new Date()
                var users = +new Date(time) //返回的是用户输入时间总的毫秒数
                var times = (users - djs)/1000 //剩余总秒数  
                var day   = parseInt(times / 60 / 60 / 24); //天数
                var hours = parseInt(times /60 /60 % 24) //小时
                var m     = parseInt(times/ 60 % 60)      //分钟
                var s     = parseInt(times % 60)          //秒
                day =day < 10 ? "0" +day :day;
                hours =hours < 10 ? "0" +hours :hours;
                m =m < 10 ? "0" +m :m;
                s =s < 10 ? "0" +s :s;
                return  day + "天" + hours + "时" + m + "分"+ s +"秒"

             
            }   
            console.log(down('2022-6-20 18:00:00'));
            $('.span').html("剩余"+down('2022-6-20 18:00:00'))
    </script>
</body>
</html>