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>
  • 相关阅读:
    GridView鼠标悬浮
    GridView控件属性及应用(转载)
    GridView动态绑定按钮
    GridView隐藏列, 并能读取列值的解决方法(转载)
    Oracle语句需要注意的地方
    Oracle数据库创建一个主键ID自增的表
    微软宣布.NET开源:关键软件技术兼容各大平台
    全球排名前50网站都用什么语言开发的?
    钢琴
    SQL函数
  • 原文地址:https://www.cnblogs.com/muyun123/p/11425539.html
Copyright © 2011-2022 走看看