🎩 You're Invited:Meet the Socket team at Black Hat in Las Vegas, August 3-6.RSVP →
Sign In

nw-countdown

Package Overview
Dependencies
Maintainers
1
Versions
14
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

nw-countdown - npm Package Compare versions

Comparing version
1.0.6
 to
1.0.7
+12
dist/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<title>测试</title>
</head>
<body>
<div id='root'></div>
<!-- <script src="./index.js"></script> -->
<script type="text/javascript" src="index.js"></script></body>
</html>
+1
-1
dist/index.js

@@ -1,1 +0,1 @@

var CountDown=function(n){var e={};function i(t){if(e[t])return e[t].exports;var o=e[t]={i:t,l:!1,exports:{}};return n[t].call(o.exports,o,o.exports,i),o.l=!0,o.exports}return i.m=n,i.c=e,i.d=function(n,e,t){i.o(n,e)||Object.defineProperty(n,e,{configurable:!1,enumerable:!0,get:t})},i.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return i.d(e,"a",e),e},i.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},i.p="",i(i.s="qzxx")}({qzxx:function(n,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var t=function(){function n(n,e){for(var i=0;i<e.length;i++){var t=e[i];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(n,t.key,t)}}return function(e,i,t){return i&&n(e.prototype,i),t&&n(e,t),e}}();var o=function(){function n(e){!function(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}(this,n),this.isMs=e.isMs,this.container=document.querySelector(e.container||"body"),this.endTime=e.endTime,this.callBack=e.callBack,this.dayEndShow=e.dayEndShow||!0,this.colon=e.colon,this.init()}return t(n,[{key:"init",value:function(){this.render(),this.bindEvent()}},{key:"render",value:function(){this.colon?this.renderColonFormat():this.renderTimeFormat()}},{key:"renderTimeFormat",value:function(){var n=document.createElement("div");n.classList.add("con"),n.style.fontSize=0,n.innerHTML='\n <div class="box" style="display: inline-block" id="day">\n <div id="t_d" class="box_num" style="display: inline-block;font-size: 12px"></div>\n <span class="box_unit" style="display: inline-block;font-size: 12px">天</span>\n </div>\n <div class="box" style="display: inline-block">\n <div id="t_h" class="box_num" style="display: inline-block;font-size: 12px"></div>\n <span class="box_unit" style="display: inline-block;font-size: 12px">时</span>\n </div>\n <div class="box" style="display: inline-block">\n <div id="t_m" class="box_num" style="display: inline-block;font-size: 12px"></div>\n <span class="box_unit" style="display: inline-block;font-size: 12px">分</span>\n </div>\n <div class="box" style="display: inline-block">\n <div id="t_s" class="box_num" style="display: inline-block;font-size: 12px"></div>\n <span class="box_unit" style="display: inline-block;font-size: 12px">秒</span>\n </div>\n <div class="none box" id="ms" style="display: none;">\n <div id="t_ms" class="box_num" style="display: inline-block;font-size: 12px"></div>\n <span class="box_unit" style="font-size: 12px;">分秒</span>\n </div>\n ',this.container.appendChild(n),this.isMs&&(document.querySelector("#ms").style.display="inline-block")}},{key:"renderColonFormat",value:function(){var n=document.createElement("div");n.classList.add("con"),n.style.fontSize=0,n.innerHTML='\n <div class="box" style="display: inline-block">\n <div id="t_h" class="box_num" style="display: inline-block;font-size: 12px"></div>\n <span class="box_unit" style="display: inline-block;font-size: 12px">:</span>\n </div>\n <div class="box" style="display: inline-block">\n <div id="t_m" class="box_num" style="display: inline-block;font-size: 12px"></div>\n <span class="box_unit" style="display: inline-block;font-size: 12px">:</span>\n </div>\n <div class="box" style="display: inline-block">\n <div id="t_s" class="box_num" style="display: inline-block;font-size: 12px"></div>\n <span class="box_unit" style="display: inline-block;font-size: 12px" id="lastColon"></span>\n </div>\n <div class="none box" id="ms" style="display: none;">\n <div id="t_ms" class="box_num" style="display: inline-block;font-size: 12px"></div>\n </div>\n ',this.container.appendChild(n),this.isMs&&(document.querySelector("#ms").style.display="inline-block")}},{key:"bindEvent",value:function(){this.colon?this.colonFormatEvent():this.timerFormatEvent()}},{key:"timerFormatEvent",value:function(){var n=this,e=this.endTime;this.colon;"number"!=typeof e&&(e=new Date(e).getTime());var i=e-(new Date).getTime(),t=Math.floor(i/1e3/60/60/24)<0?0:Math.floor(i/1e3/60/60/24),o=Math.floor(i/1e3/60/60%24)<0?0:Math.floor(i/1e3/60/60%24),l=Math.floor(i/1e3/60%60)<0?0:Math.floor(i/1e3/60%60),s=Math.floor(i/1e3%60)<=0?0:Math.floor(i/1e3%60),a=Math.floor(i%1e3/100)<=0?0:Math.floor(i%1e3/100);a=0===a&&0!==s?"1"+a:"0"+a,document.querySelector("#t_d").innerHTML=t,document.querySelector("#t_h").innerHTML=o,document.querySelector("#t_m").innerHTML=l,document.querySelector("#t_s").innerHTML=s,document.querySelector("#t_ms").innerHTML=a,t<=0&&(document.querySelector("#day").style.display="none"),t<=0&&this.dayEndShow&&(document.querySelector("#ms").style.display="inline-block");var r=setTimeout(function(){n.bindEvent()},1);t<=0&&o<=0&&l<=0&&s<=0&&a<=0&&(clearTimeout(r),this.callBack&&this.callBack())}},{key:"colonFormatEvent",value:function(){var n=this,e=this.endTime,i=this.isMs;"number"!=typeof e&&(e=new Date(e).getTime());var t=e-(new Date).getTime(),o=Math.floor(t/1e3/60/60)<0?0:Math.floor(t/1e3/60/60),l=Math.floor(t/1e3/60%60)<0?0:Math.floor(t/1e3/60%60),s=Math.floor(t/1e3%60)<=0?0:Math.floor(t/1e3%60),a=Math.floor(t%1e3/100)<=0?0:Math.floor(t%1e3/100);a=0===a&&0!==s?"1"+a:"0"+a,o=o<10?"0"+o:o,l=l<10?"0"+l:l,s=s<10?"0"+s:s,document.querySelector("#t_h").innerHTML=o,document.querySelector("#t_m").innerHTML=l,document.querySelector("#t_s").innerHTML=s,document.querySelector("#t_ms").innerHTML=a,(o<=0||i)&&(document.querySelector("#lastColon").innerHTML=":",document.querySelector("#ms").style.display="inline-block");var r=setTimeout(function(){n.colonFormatEvent()},1);o<=0&&l<=0&&s<=0&&a<=0&&(clearTimeout(r),this.callBack&&this.callBack())}}]),n}();e.default=o}}).default;
!function(e){var n={};function i(t){if(n[t])return n[t].exports;var o=n[t]={i:t,l:!1,exports:{}};return e[t].call(o.exports,o,o.exports,i),o.l=!0,o.exports}i.m=e,i.c=n,i.d=function(e,n,t){i.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:t})},i.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(n,"a",n),n},i.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},i.p="",i(i.s="xoxu")}({xoxu:function(e,n,i){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var t=function(){function e(e,n){for(var i=0;i<n.length;i++){var t=n[i];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}}return function(n,i,t){return i&&e(n.prototype,i),t&&e(n,t),n}}();var o=function(){function e(n){!function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this,e),this.isMs=n.isMs||!1,this.container=document.querySelector(n.container||"body"),this.endTime=n.endTime,this.callBack=n.callBack||!1,this.dayEndShow=n.dayEndShow||!0,this.colon=n.colon||!1,this.symbol=n.symbol||":",this.init()}return t(e,[{key:"init",value:function(){this.render(),this.bindEvent()}},{key:"render",value:function(){this.colon?this.renderColonFormat():this.renderTimeFormat()}},{key:"renderTimeFormat",value:function(){var e=document.createElement("div");e.classList.add("con"),e.style.fontSize=0,e.innerHTML='\n <div class="box" style="display: inline-block" id="day">\n <div id="t_d" class="box_num" style="display: inline-block;font-size: 12px"></div>\n <span class="box_unit" style="display: inline-block;font-size: 12px">天</span>\n </div>\n <div class="box" style="display: inline-block">\n <div id="t_h" class="box_num" style="display: inline-block;font-size: 12px"></div>\n <span class="box_unit" style="display: inline-block;font-size: 12px">时</span>\n </div>\n <div class="box" style="display: inline-block">\n <div id="t_m" class="box_num" style="display: inline-block;font-size: 12px"></div>\n <span class="box_unit" style="display: inline-block;font-size: 12px">分</span>\n </div>\n <div class="box" style="display: inline-block">\n <div id="t_s" class="box_num" style="display: inline-block;font-size: 12px"></div>\n <span class="box_unit" style="display: inline-block;font-size: 12px">秒</span>\n </div>\n <div class="none box" id="ms" style="display: none;">\n <div id="t_ms" class="box_num" style="display: inline-block;font-size: 12px"></div>\n <span class="box_unit" style="font-size: 12px;">分秒</span>\n </div>\n ',this.container.appendChild(e),this.isMs&&(document.querySelector("#ms").style.display="inline-block")}},{key:"renderColonFormat",value:function(){var e=document.createElement("div");e.classList.add("con"),e.style.fontSize=0,e.innerHTML='\n <div class="box" style="display: inline-block">\n <div id="t_h" class="box_num" style="display: inline-block;font-size: 12px"></div>\n <span class="box_unit" style="display: inline-block;font-size: 12px">:</span>\n </div>\n <div class="box" style="display: inline-block">\n <div id="t_m" class="box_num" style="display: inline-block;font-size: 12px"></div>\n <span class="box_unit" style="display: inline-block;font-size: 12px">:</span>\n </div>\n <div class="box" style="display: inline-block">\n <div id="t_s" class="box_num" style="display: inline-block;font-size: 12px"></div>\n <span class="box_unit" style="display: inline-block;font-size: 12px" id="lastSymbol"></span>\n </div>\n <div class="none box" id="ms" style="display: none;">\n <div id="t_ms" class="box_num" style="display: inline-block;font-size: 12px"></div>\n </div>\n ',this.container.appendChild(e),this.isMs&&(document.querySelector("#ms").style.display="inline-block")}},{key:"bindEvent",value:function(){this.colon?this.colonFormatEvent():this.timerFormatEvent()}},{key:"timerFormatEvent",value:function(){var e=this,n=this.endTime;this.colon;"number"!=typeof n&&(n=new Date(n).getTime());var i=n-(new Date).getTime(),t=Math.floor(i/1e3/60/60/24)<0?0:Math.floor(i/1e3/60/60/24),o=Math.floor(i/1e3/60/60%24)<0?0:Math.floor(i/1e3/60/60%24),l=Math.floor(i/1e3/60%60)<0?0:Math.floor(i/1e3/60%60),s=Math.floor(i/1e3%60)<=0?0:Math.floor(i/1e3%60),a=Math.floor(i%1e3/100)<=0?0:Math.floor(i%1e3/100);a=0===a&&0!==s?"1"+a:"0"+a,document.querySelector("#t_d").innerHTML=t,document.querySelector("#t_h").innerHTML=o,document.querySelector("#t_m").innerHTML=l,document.querySelector("#t_s").innerHTML=s,document.querySelector("#t_ms").innerHTML=a,t<=0&&(document.querySelector("#day").style.display="none"),t<=0&&this.dayEndShow&&(document.querySelector("#ms").style.display="inline-block");var c=setTimeout(function(){e.bindEvent()},1);t<=0&&o<=0&&l<=0&&s<=0&&a<=0&&(clearTimeout(c),this.callBack&&this.callBack())}},{key:"colonFormatEvent",value:function(){var e=this,n=this.endTime,i=this.isMs;"number"!=typeof n&&(n=new Date(n).getTime());var t=n-(new Date).getTime(),o=Math.floor(t/1e3/60/60)<0?0:Math.floor(t/1e3/60/60),l=Math.floor(t/1e3/60%60)<0?0:Math.floor(t/1e3/60%60),s=Math.floor(t/1e3%60)<=0?0:Math.floor(t/1e3%60),a=Math.floor(t%1e3/100)<=0?0:Math.floor(t%1e3/100);a=0===a&&0!==s?"1"+a:"0"+a,o=o<10?"0"+o:o,l=l<10?"0"+l:l,s=s<10?"0"+s:s,document.querySelector("#t_h").innerHTML=o,document.querySelector("#t_m").innerHTML=l,document.querySelector("#t_s").innerHTML=s,document.querySelector("#t_ms").innerHTML=a,(o<=0||i)&&(document.querySelector("#lastSymbol").innerHTML=this.symbol,document.querySelector("#ms").style.display="inline-block");var c=setTimeout(function(){e.colonFormatEvent()},1);o<=0&&l<=0&&s<=0&&a<=0&&(clearTimeout(c),this.callBack&&this.callBack())}}]),e}();n.default=o}});
+1
-1
index.js

@@ -1,1 +0,1 @@

module.exports = require('./lib')
module.exports = require('./dist/index')
+1
-1
package.json
{
"name": "nw-countdown",
"version": "1.0.6",
"version": "1.0.7",
"description": "javascript countdown module",

@@ -5,0 +5,0 @@ "main": "index.js",

+1
-10
README.md

@@ -20,11 +20,2 @@ ## 一个用js写的倒计时组件

#### script
引入dist下的countdown.js
```
new CountDonw({...})
```
## 注意

@@ -58,3 +49,3 @@

- callback(function): 倒计时结束之后的回调函数
- callBack(function): 倒计时结束之后的回调函数

@@ -61,0 +52,0 @@ - symbol(string): 分秒前的符号，默认为':'

-16
example/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script src="../dist/index.js"></script>
<script>
function alert() {
console.log(1);
}
new CountDown({endTime: '2018/02/15 17:22:00', callback: alert})
</script>
</body>
</html>