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>
  • 相关阅读:
    jquery实现章节目录效果
    Delphi里如何让程序锁定在桌面上,win+d都无法最小化
    php 之跨域上传图片
    delphi判断文件类型
    EmptyRecycle() 清空回收站
    delphi检查url是否有效的方法
    Explode TArray
    css设置中文字体(font-family:"黑体")后样式失效问题
    javascript-lessons
    课后作业2
  • 原文地址:https://www.cnblogs.com/muyun123/p/11425539.html
Copyright © 2011-2022 走看看