标签：60 定时器 temp seconds hours var minutes

body样式  <span class="hours">00</span>   <span class="line">:</span>   <span class="minutes">00</span>   <span class="line">:</span>   <span class="seconds">00</span>   <!-- 引入公共的js文件 -->   <script src="public.js"></script>   <!-- 自定的义 -->   <script>     // 获取元素     var hours = document.querySelector('.hours');     var minutes = document.querySelector('.minutes');     var seconds = document.querySelector('.seconds');

 

    // 抽出定时器函数     var fn = function () {       // 开始时间       var s = new Date();       // 结束时间       var e = new Date(2019, 3, 18, 18, 27, 40);       // 计算时间差       var timeObj = getDiff(s, e);

 

      if (timeObj.temp <= 0) {         // 停止定时器         clearInterval(flag);         hours.innerText = '00';         minutes.innerText = '00';         seconds.innerText = '00';       } else {         // 设置显示倒计时元素的内容         hours.innerText = timeObj.xiaoShi;         minutes.innerText = timeObj.fenZhong;         seconds.innerText = timeObj.miao;       }

    }     // 先调用一次     fn();     // 创建一个定时器     var flag = setInterval(fn, 1000);   </script>     public.js /*   功能：计算两个日期的时间差   参数：     start 开始时间对象     end 结束时间对象
*/ function getDiff(start, end) {   // 总毫秒差   var temp = end - start;   // 小时   var hours = parseInt(temp / 1000 / 60 / 60);   hours = hours < 10 ? '0' + hours : hours;   // 分钟   var minutes = parseInt(temp / 1000 / 60 % 60);   minutes = minutes < 10 ? '0' + minutes : minutes;   // 秒   var seconds = parseInt(temp / 1000 % 60);   seconds = seconds < 10 ? '0' + seconds : seconds;   // 返回多个值   return {xiaoShi:hours,fenZhong:minutes,miao:seconds,temp:temp}; }

标签：60,定时器,temp,seconds,hours,var,minutes
来源： https://www.cnblogs.com/lljun/p/11470409.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。