JS实现倒计时精确到天数,时,分,秒或者精确到时、分、秒（小时数累加）

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>JS实现倒计时(天数,时,分,秒)</title></head>
<body><h2>剩余时间:</h2>
<div id="timer"></div><script language="javascript" type="text/javascript">timer('2018-11-20 12:00:00','day');/*** 入参第一个为时间字符串，第二个参数为模式选择，如果传入'day'，按天数倒计时到秒，不传值，按小时精确到秒* @param timeStr* @param item*/function timer(timeStr,item){setInterval(function(){let nowTime = new Date(timeStr) - new Date;let minutes = parseInt(nowTime / 1000 / 60 % 60, 10);//计算剩余的分钟let seconds = parseInt(nowTime / 1000 % 60, 10);//计算剩余的秒数minutes = checkTime(minutes);seconds = checkTime(seconds);if(item==='day'){let days = parseInt(nowTime / 1000 / 60 / 60 / 24, 10); //计算剩余的天数let hours = parseInt(nowTime / 1000 / 60 / 60 % 24, 10); //计算剩余的小时days = checkTime(days);hours = checkTime(hours);document.getElementById('timer').innerHTML=days + "天" + hours + "小时" + minutes + "分" + seconds + "秒";}else{let hours = parseInt(nowTime / ( 1000 * 60 * 60), 10); //计算剩余的小时hours = checkTime(hours);document.getElementById("timer").innerHTML = hours + "小时" + minutes + "分" + seconds + "秒";}},1000);}function checkTime(i) { //将0-9的数字前面加上0，例1变为01if (i < 10) {i = "0" + i;}return i;}
</script>
</body>
</html>

JS实现倒计时精确到天数,时,分,秒或者精确到时、分、秒（小时数累加）相关推荐

JS获取日期(年/月/日/时/分/秒)格式转化
因为用到JS倒计时,所以就把网上搜到的各种关于日期的整理了一下,有个印象,以后再用到,可以直接看自己的,方便很多. var myDate = new Date(); 以下都是在myDate的基础上得到 ...
商品抢购倒计时（天，时，分，秒）
在这里案例中需要用到JS方法:Date(),parseInt(),getTime().先对这三个方法做些介绍. Date()方法:可返回当天的日期和时间.用法: var newTime = new D ...
html 倒计时特效,JS节日倒计时特效(精确到毫秒)
JS节日倒计时特效(精确到毫秒)-时间特效-网页特效-站长新动力-msxindl.com function show_djs(){ var djs = document.getElementById( ...
JS获取日期(年/月/日/时/分/秒)以及完整格式转化（补0）
var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位 ...
ElementUI日期时间选择器禁止此刻之前的所有时间选择(精确到，时、分、秒)、pickerOptions、日期选择器范围选择
elementUI日期时间选择器范围(精确到,时.分.秒.
（常用代码）原声JS 实现倒计时的效果。分/秒/毫秒/
(常用代码)原声JS 实现倒计时的效果.分/秒/毫秒/ 第一步:构建HTML 结构和样式  <div class="timing" ...
js将毫秒数转换为天数、小时数、分钟数和秒数的计算方法
js将毫秒数转换为天数.小时数.分钟数和秒数的计算方法如下,参数为毫秒数: function formatDuring(millisecond) { var days = parseInt(milli ...
js实现倒计时类似团购网站
一.demo与效果展示为节约时间,我就直接套用了企鹅团的界面作为demo的背景.因为是倒计时,所以需要一个固定的时间,为了n年后,某位仁兄打开demo页面依然在倒计时,所以我把倒计时时间设成了205 ...
js实现倒计时，定时器--完成时间倒计时
js实现倒计时,定时器–完成时间倒计时 //每秒刷新一次 setInterval(function showtime() {//结束时间var endTime = document.getElemen ...

JS实现倒计时精确到天数,时,分,秒或者精确到时、分、秒（小时数累加）

JS实现倒计时精确到天数,时,分,秒或者精确到时、分、秒（小时数累加）相关推荐

最新文章

热门文章