zoukankan      html  css  js  c++  java
  • js小案例----距离某一天还剩多少天

    距离某一天还剩多少天,JS案例,其实挺简单的,但我卡在某个地方了,好久才想明白

    这里面有个需要将毫秒数转化为天时分秒的过程,莫名其妙的卡在了这里,我真是太笨了;

    function mschange(num) {
        var num1 = parseInt(num / 1000);
        var miao = parseInt(num1 % 60);//
        var minute = parseInt((num1 / 60) % 60);//
        var hour = parseInt((num1 / 60 / 60) % 24);//小时
        var day = parseInt(num1 / 60 / 60 / 24);//
        return {
            'miao': miao,
            'minute': minute,
            'hour': hour,
            'day': day
        }
    }

    上面代码是将毫秒转化为天时分秒,一不小心卡在了这里,后来才想明白是单位的问题;好了以下是案例的完整代码

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>09距离某个日期还有多少</title>
    </head>
    
    <body>
        <h1>09距离某个日期还有多少天</h1>
        <input type="date" id="end">
        <input type="button" value="点我" id="btn">
        <div id="output"></div>
    </body>
    <script>
        (function () {
            var btn = document.getElementById('btn');
            var end = document.getElementById('end');
            var output = document.getElementById('output');
    
            btn.onclick = function () {
                //需求:end时间 - 今天 = 毫秒数 -> 天数
                var endTime = end.value;
                var _endTime = Date.parse(endTime);
                var startTime = Date.now();//获取到今天的纪元时间(到1970-1-1 零点的毫秒数)
                var res = _endTime - startTime;//毫秒数
                // var days = Math.ceil(res / 1000 / 60 / 60 / 24);
                // console.log(days);
                //年月日时分秒
                var times = mschange(res);
    
                console.log(times);
                output.innerHTML = `还剩:${times.day}天${times.hour}小时${times.minute}分${times.miao}秒`;
            }
    function mschange(num) {
        var num1 = parseInt(num / 1000);
        var miao = parseInt(num1 % 60);//
        var minute = parseInt((num1 / 60) % 60);//
        var hour = parseInt((num1 / 60 / 60) % 24);//小时
        var day = parseInt(num1 / 60 / 60 / 24);//
        return {
            'miao': miao,
            'minute': minute,
            'hour': hour,
            'day': day
        }
    }
        })();
    </script>
    
    </html>
  • 相关阅读:
    python学习笔记(33)pycharm中使用git
    VUE基础3-过滤器与生命周期
    VUE基础2-双向数据绑定
    VUE基础1方法与指令
    HTML基础之JS
    HTML基础之DOM操作
    HTML基础之CSS
    HTML基础之HTML标签
    python学习笔记(32)多线程&多进程
    python学习笔记(30)深拷贝、浅拷贝
  • 原文地址:https://www.cnblogs.com/muyun123/p/11425539.html
Copyright © 2011-2022 走看看