course count down modify

build/mrstatic/js/runtime~main.4b778b84.js

+!function(e){function r(r){for(var n,a,i=r[0],d=r[1],s=r[2],f=0,l=[];f<i.length;f++)a=i[f],o[a]&&l.push(o[a][0]),o[a]=0;for(n in d)Object.prototype.hasOwnProperty.call(d,n)&&(e[n]=d[n]);for(u&&u(r);l.length;)l.shift()();return c.push.apply(c,s||[]),t()}function t(){for(var e,r=0;r<c.length;r++){for(var t=c[r],n=!0,a=1;a<t.length;a++){var d=t[a];0!==o[d]&&(n=!1)}n&&(c.splice(r--,1),e=i(i.s=t[0]))}return e}var n={},a={35:0},o={35:0},c=[];function i(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,i),t.l=!0,t.exports}i.e=function(e){var r=[];a[e]?r.push(a[e]):0!==a[e]&&{1:1,2:1,3:1,4:1,5:1,6:1,7:1,8:1,9:1,10:1,11:1,13:1,15:1,16:1,17:1,18:1,19:1,20:1,21:1,22:1,23:1,24:1,25:1,26:1,27:1,29:1,30:1,31:1,32:1,33:1,34:1,36:1,37:1,38:1,39:1,40:1,41:1,44:1,45:1,47:1,48:1,49:1,50:1,51:1}[e]&&r.push(a[e]=new Promise(function(r,t){for(var n="mrstatic/css/"+({4:"Activity",5:"BargainMiddlePage",6:"Classify",7:"Country",8:"CourseList",9:"DrawDocument",10:"Examination",11:"Invite",12:"MyEdit",13:"Order",14:"Orderinfo",15:"PayOrder",16:"Preferential",17:"SearchResult",18:"ShareCourse",19:"ShopCart",20:"aist-share",21:"blessing-getPrize",22:"blessing-preheat",23:"blessing-rank",24:"coupons",25:"deposit-order",26:"deposit-pay-order",27:"detail",29:"myorders",30:"newyear-2019-landing",31:"newyear-yearIndex",32:"prize-winner-list",33:"purchased",34:"python-class",36:"search",37:"shareposter",38:"study",39:"system-notices",40:"togroup",41:"video"}[e]||e)+"."+{0:"31d6cfe0",1:"b4627248",2:"1133c967",3:"ac8fad1f",4:"08739942",5:"2a913483",6:"127d35ae",7:"400393b7",8:"fed92c83",9:"1bd3da48",10:"17af9370",11:"08739942",12:"31d6cfe0",13:"83a999aa",14:"31d6cfe0",15:"68a25070",16:"ccebc534",17:"6d7d1b77",18:"6e885738",19:"887eb690",20:"affb05d7",21:"32a9cccc",22:"0800b4f0",23:"39fb77c8",24:"0ce3fd3d",25:"2e5f43c4",26:"e8363b32",27:"633b10a8",29:"841d0cfb",30:"dc74ab02",31:"9039f86b",32:"ce85cb83",33:"7558403e",34:"11408886",36:"efa1dd44",37:"cde549fc",38:"62b8863b",39:"4fbf61d8",40:"ffd8be6c",41:"b3755c1b",43:"31d6cfe0",44:"976b2058",45:"51412fcd",46:"31d6cfe0",47:"e292ab6b",48:"37fb0c23",49:"56b04545",50:"ce17075b",51:"bacf914e"}[e]+".chunk.css",o=i.p+n,c=document.getElementsByTagName("link"),d=0;d<c.length;d++){var s=(u=c[d]).getAttribute("data-href")||u.getAttribute("href");if("stylesheet"===u.rel&&(s===n||s===o))return r()}var f=document.getElementsByTagName("style");for(d=0;d<f.length;d++){var u;if((s=(u=f[d]).getAttribute("data-href"))===n||s===o)return r()}var l=document.createElement("link");l.rel="stylesheet",l.type="text/css",l.onload=r,l.onerror=function(r){var n=r&&r.target&&r.target.src||o,c=new Error("Loading CSS chunk "+e+" failed.\n("+n+")");c.request=n,delete a[e],l.parentNode.removeChild(l),t(c)},l.href=o,document.getElementsByTagName("head")[0].appendChild(l)}).then(function(){a[e]=0}));var t=o[e];if(0!==t)if(t)r.push(t[2]);else{var n=new Promise(function(r,n){t=o[e]=[r,n]});r.push(t[2]=n);var c,d=document.createElement("script");d.charset="utf-8",d.timeout=120,i.nc&&d.setAttribute("nonce",i.nc),d.src=function(e){return i.p+"mrstatic/js/"+({4:"Activity",5:"BargainMiddlePage",6:"Classify",7:"Country",8:"CourseList",9:"DrawDocument",10:"Examination",11:"Invite",12:"MyEdit",13:"Order",14:"Orderinfo",15:"PayOrder",16:"Preferential",17:"SearchResult",18:"ShareCourse",19:"ShopCart",20:"aist-share",21:"blessing-getPrize",22:"blessing-preheat",23:"blessing-rank",24:"coupons",25:"deposit-order",26:"deposit-pay-order",27:"detail",29:"myorders",30:"newyear-2019-landing",31:"newyear-yearIndex",32:"prize-winner-list",33:"purchased",34:"python-class",36:"search",37:"shareposter",38:"study",39:"system-notices",40:"togroup",41:"video"}[e]||e)+"."+{0:"a1f55c4b",1:"6bd7e693",2:"0fac390d",3:"8c1cc18f",4:"e2fb033f",5:"03c08d37",6:"8163d312",7:"141c61f5",8:"f21dd678",9:"e531d30d",10:"5cac77c0",11:"28851ee3",12:"37e552a7",13:"a1d6e215",14:"78f26106",15:"e70e405c",16:"36f584f7",17:"1d558834",18:"c519a5df",19:"58cf523e",20:"7664e04e",21:"3af378d7",22:"36f32189",23:"60ea5af3",24:"2b77f2be",25:"94eca8ab",26:"5709d01a",27:"7bed0938",29:"d820f269",30:"98ec9529",31:"f261b149",32:"b2af75ba",33:"89577d91",34:"16892808",36:"32e22912",37:"9564bc99",38:"c43ef6d6",39:"d28438a2",40:"f1aeeaa3",41:"2777335b",43:"f063ef63",44:"346f8d8b",45:"83264ccd",46:"e2b5c822",47:"39c28519",48:"eb589f62",49:"40cd7435",50:"81199908",51:"f38b57e4"}[e]+".chunk.js"}(e),c=function(r){d.onerror=d.onload=null,clearTimeout(s);var t=o[e];if(0!==t){if(t){var n=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src,c=new Error("Loading chunk "+e+" failed.\n("+n+": "+a+")");c.type=n,c.request=a,t[1](c)}o[e]=void 0}};var s=setTimeout(function(){c({type:"timeout",target:d})},12e4);d.onerror=d.onload=c,document.head.appendChild(d)}return Promise.all(r)},i.m=e,i.c=n,i.d=function(e,r,t){i.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},i.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,r){if(1&r&&(e=i(e)),8&r)return e;if(4&r&&"object"===typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(i.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)i.d(t,n,function(r){return e[r]}.bind(null,n));return t},i.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(r,"a",r),r},i.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},i.p="/",i.oe=function(e){throw console.error(e),e};var d=window.webpackJsonp=window.webpackJsonp||[],s=d.push.bind(d);d.push=r,d=d.slice();for(var f=0;f<d.length;f++)r(d[f]);var u=s;t()}([]);
+//# sourceMappingURL=runtime~main.4b778b84.js.map
\ No newline at end of file

build/mrstatic/js/runtime~main.e5c5a93b.js

-!function(e){function r(r){for(var n,a,d=r[0],i=r[1],f=r[2],s=0,l=[];s<d.length;s++)a=d[s],o[a]&&l.push(o[a][0]),o[a]=0;for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n]);for(u&&u(r);l.length;)l.shift()();return c.push.apply(c,f||[]),t()}function t(){for(var e,r=0;r<c.length;r++){for(var t=c[r],n=!0,a=1;a<t.length;a++){var i=t[a];0!==o[i]&&(n=!1)}n&&(c.splice(r--,1),e=d(d.s=t[0]))}return e}var n={},a={35:0},o={35:0},c=[];function d(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,d),t.l=!0,t.exports}d.e=function(e){var r=[];a[e]?r.push(a[e]):0!==a[e]&&{1:1,2:1,3:1,4:1,5:1,6:1,7:1,8:1,9:1,10:1,11:1,13:1,15:1,16:1,17:1,18:1,19:1,20:1,21:1,22:1,23:1,24:1,25:1,26:1,27:1,29:1,30:1,31:1,32:1,33:1,34:1,36:1,37:1,38:1,39:1,40:1,41:1,44:1,45:1,47:1,48:1,49:1,50:1,51:1}[e]&&r.push(a[e]=new Promise(function(r,t){for(var n="mrstatic/css/"+({4:"Activity",5:"BargainMiddlePage",6:"Classify",7:"Country",8:"CourseList",9:"DrawDocument",10:"Examination",11:"Invite",12:"MyEdit",13:"Order",14:"Orderinfo",15:"PayOrder",16:"Preferential",17:"SearchResult",18:"ShareCourse",19:"ShopCart",20:"aist-share",21:"blessing-getPrize",22:"blessing-preheat",23:"blessing-rank",24:"coupons",25:"deposit-order",26:"deposit-pay-order",27:"detail",29:"myorders",30:"newyear-2019-landing",31:"newyear-yearIndex",32:"prize-winner-list",33:"purchased",34:"python-class",36:"search",37:"shareposter",38:"study",39:"system-notices",40:"togroup",41:"video"}[e]||e)+"."+{0:"31d6cfe0",1:"5b4d99fd",2:"1133c967",3:"ac8fad1f",4:"08739942",5:"2a913483",6:"127d35ae",7:"400393b7",8:"fed92c83",9:"1bd3da48",10:"17af9370",11:"08739942",12:"31d6cfe0",13:"83a999aa",14:"31d6cfe0",15:"68a25070",16:"ccebc534",17:"6d7d1b77",18:"6e885738",19:"887eb690",20:"affb05d7",21:"32a9cccc",22:"0800b4f0",23:"39fb77c8",24:"0ce3fd3d",25:"2e5f43c4",26:"e8363b32",27:"633b10a8",29:"841d0cfb",30:"dc74ab02",31:"ec637bb3",32:"ce85cb83",33:"7558403e",34:"11408886",36:"efa1dd44",37:"cde549fc",38:"62b8863b",39:"4fbf61d8",40:"ffd8be6c",41:"b3755c1b",43:"31d6cfe0",44:"976b2058",45:"51412fcd",46:"31d6cfe0",47:"e292ab6b",48:"37fb0c23",49:"56b04545",50:"ce17075b",51:"bacf914e"}[e]+".chunk.css",o=d.p+n,c=document.getElementsByTagName("link"),i=0;i<c.length;i++){var f=(u=c[i]).getAttribute("data-href")||u.getAttribute("href");if("stylesheet"===u.rel&&(f===n||f===o))return r()}var s=document.getElementsByTagName("style");for(i=0;i<s.length;i++){var u;if((f=(u=s[i]).getAttribute("data-href"))===n||f===o)return r()}var l=document.createElement("link");l.rel="stylesheet",l.type="text/css",l.onload=r,l.onerror=function(r){var n=r&&r.target&&r.target.src||o,c=new Error("Loading CSS chunk "+e+" failed.\n("+n+")");c.request=n,delete a[e],l.parentNode.removeChild(l),t(c)},l.href=o,document.getElementsByTagName("head")[0].appendChild(l)}).then(function(){a[e]=0}));var t=o[e];if(0!==t)if(t)r.push(t[2]);else{var n=new Promise(function(r,n){t=o[e]=[r,n]});r.push(t[2]=n);var c,i=document.createElement("script");i.charset="utf-8",i.timeout=120,d.nc&&i.setAttribute("nonce",d.nc),i.src=function(e){return d.p+"mrstatic/js/"+({4:"Activity",5:"BargainMiddlePage",6:"Classify",7:"Country",8:"CourseList",9:"DrawDocument",10:"Examination",11:"Invite",12:"MyEdit",13:"Order",14:"Orderinfo",15:"PayOrder",16:"Preferential",17:"SearchResult",18:"ShareCourse",19:"ShopCart",20:"aist-share",21:"blessing-getPrize",22:"blessing-preheat",23:"blessing-rank",24:"coupons",25:"deposit-order",26:"deposit-pay-order",27:"detail",29:"myorders",30:"newyear-2019-landing",31:"newyear-yearIndex",32:"prize-winner-list",33:"purchased",34:"python-class",36:"search",37:"shareposter",38:"study",39:"system-notices",40:"togroup",41:"video"}[e]||e)+"."+{0:"a1f55c4b",1:"0f60de9a",2:"0fac390d",3:"8c1cc18f",4:"e2fb033f",5:"03c08d37",6:"8163d312",7:"141c61f5",8:"f21dd678",9:"e531d30d",10:"5cac77c0",11:"28851ee3",12:"37e552a7",13:"a1d6e215",14:"78f26106",15:"e70e405c",16:"36f584f7",17:"1d558834",18:"c519a5df",19:"58cf523e",20:"7664e04e",21:"3af378d7",22:"36f32189",23:"60ea5af3",24:"2b77f2be",25:"94eca8ab",26:"5709d01a",27:"7bed0938",29:"d820f269",30:"e79774d8",31:"eb5f8b2d",32:"b2af75ba",33:"89577d91",34:"16892808",36:"32e22912",37:"9564bc99",38:"c43ef6d6",39:"d28438a2",40:"f1aeeaa3",41:"2777335b",43:"f063ef63",44:"346f8d8b",45:"83264ccd",46:"e2b5c822",47:"39c28519",48:"eb589f62",49:"40cd7435",50:"81199908",51:"f38b57e4"}[e]+".chunk.js"}(e),c=function(r){i.onerror=i.onload=null,clearTimeout(f);var t=o[e];if(0!==t){if(t){var n=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src,c=new Error("Loading chunk "+e+" failed.\n("+n+": "+a+")");c.type=n,c.request=a,t[1](c)}o[e]=void 0}};var f=setTimeout(function(){c({type:"timeout",target:i})},12e4);i.onerror=i.onload=c,document.head.appendChild(i)}return Promise.all(r)},d.m=e,d.c=n,d.d=function(e,r,t){d.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},d.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},d.t=function(e,r){if(1&r&&(e=d(e)),8&r)return e;if(4&r&&"object"===typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(d.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)d.d(t,n,function(r){return e[r]}.bind(null,n));return t},d.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(r,"a",r),r},d.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},d.p="/",d.oe=function(e){throw console.error(e),e};var i=window.webpackJsonp=window.webpackJsonp||[],f=i.push.bind(i);i.push=r,i=i.slice();for(var s=0;s<i.length;s++)r(i[s]);var u=f;t()}([]);
-//# sourceMappingURL=runtime~main.e5c5a93b.js.map
\ No newline at end of file

src/components/blessingPreheat/courseItem/index.js

@@ -11,11 +11,23 @@ class CourseItem extends Component {
 
   componentDidMount() {
     const { time } = this.props;
+    this.startCountDown(time);
+  }
+
+  componentWillReceiveProps(nextProps) {
+    const { time: newTime } = nextProps
+    const { time: oldTime } = this.props;
+    if(oldTime != newTime) {
+      this.startCountDown(newTime);
+    }
+  }
+
+  startCountDown = (time) => {
     if(time) {
-    let date = time * 1000,
-      hours = 0,
-      minutes = 0,
-      seconds = 0;
+      let date = time * 1000,
+        hours = 0,
+        minutes = 0,
+        seconds = 0;
       setInterval(() => {
           date -= 1000
           hours = `${parseInt(date / (60 * 60 * 1000))}`.padStart(2, 0);