原生JS - 简单的时分秒倒计
2019-01-06 16:04
316 查看
效果图
代码片 直接copy就可以调用
<div id="timer"></div>
setInterval("leftTimer(2020,1,1,00,00,00)", 1000); //倒计时 function leftTimer(year, month, day, hour, minute, second) { var leftTime = (new Date(year, month - 1, day, hour, minute, second)) - (new Date()); //计算剩余的毫秒数 var days = parseInt(leftTime / 1000 / 60 / 60 / 24, 10); //计算剩余的天数 var hours = parseInt(leftTime / 1000 / 60 / 60 % 24, 10); //计算剩余的小时 var minutes = parseInt(leftTime / 1000 / 60 % 60, 10); //计算剩余的分钟 var seconds = parseInt(leftTime / 1000 % 60, 10); //计算剩余的秒数 days = checkTime(days); hours = checkTime(hours); minutes = checkTime(minutes); seconds = checkTime(seconds); document.getElementById("timer").innerHTML = days + "天" + hours + "小时" + minutes + "分" + seconds + "秒"; } function checkTime(i) { //将0-9的数字前面加上0,例1变为01 if(i < 10) { i = "0" + i; } return i; }
相关文章推荐
- iOS中原生APP与JS交互 之 WebViewJavascriptBridge 的简单用法
- 原生js三级联动的简单实现代码
- 关于原生js中bind函数的简单实现
- 用原生js做个简单的滑动效果的回到顶部
- 【原生JS】简单放大镜效果
- 原生js实现简单打字机效果
- 原生JS实现简单抽人名功能实例
- node.js系列(实例):原生node.js+formidable模块实现简单的文件上传
- 刚刚做的一个 JS简单时间控件【JS时分秒时间控件】
- JS去掉首尾空格 简单方法大全(原生正则jquery)
- 原生JS简单实现ajax的方法示例
- 原生js简单实现放大镜特效
- 原生JS实现的简单轮播图功能【适合新手】
- vuejs2.0运用原生js实现简单拖拽元素功能
- 原生JS取代一些JQuery方法的简单实现
- 原生JS实现的简单小钟表功能示例
- 原生JS|数据类型检测,并没你想象的那么简单
- 原生js实现简单的链式操作
- vue.js如何写一个简单的原生js模块,浏览器中的表现如何?
- 原生js写的简单心电图