js小案例----距离某一天还剩多少天

匿名 (未验证) 提交于 2019-12-02 23:55:01

距离某一天还剩多少天,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>

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!