一个菜鸟的互联网技术分享博客
您的位置: 主页 > javaascript之数字倒计时
advertisement

javaascript之数字倒计时

在项目中帅气(gai si)的产品经理要求每周千万补贴金池余额,到了周日金额自动变为10000000,每3秒递减随机数,最为关键的是没有后端的支持,页面刷新金额要在原有的基础上减,那就只能用浏览器缓存了(window.name),代码如下

  1. </html>  
  2. <!DOCTYPE html>  
  3. <html lang="en">  
  4. <head>  
  5.     <meta charset="UTF-8">  
  6.     <title>Document</title>  
  7. </head>  
  8. <body>  
  9.     <div id="money"></div>   
  10. </body>  
  11. <script>  
  12.     var weekday = new Date().getDay();   
  13.   
  14.     if(weekday == 7){  
  15.   
  16.         var maxMoney;  
  17.   
  18.         if(window.name==''){   
  19.   
  20.             maxMoney = 10000000;  
  21.   
  22.         }else{  
  23.   
  24.             maxMoney = window.name;  
  25.   
  26.         }  
  27.   
  28.     }else{  
  29.   
  30.         var maxMoney;  
  31.   
  32.         if(window.name==''){   
  33.   
  34.             maxMoney = 10000000;  
  35.   
  36.         }else{  
  37.   
  38.             maxMoney = window.name;  
  39.               
  40.         }     
  41.     }  
  42.   
  43.     function CountDown(){  
  44.   
  45.         maxMoney = (maxMoney || 0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,');  
  46.   
  47.         document.getElementById("money").innerHTML = maxMoney;  
  48.   
  49.         var moneyRandom=Math.floor(Math.random()*1000+1);  
  50.   
  51.         maxMoney = maxMoney.split(',').join('');  
  52.   
  53.         maxMoney = (maxMoney || 0).toString().replace(',', '');  
  54.   
  55.         console.log(moneyRandom)  
  56.   
  57.         maxMoney = maxMoney-moneyRandom;  
  58.   
  59.         window.name = maxMoney;   
  60.     }  
  61.   
  62.     setInterval("CountDown()",3000);  
  63. </script>  
  64. </html>

zhangren.online
上一篇:javaascript之最简单的倒计时代码
下一篇:图片或文字向上、向左、向右、向下自动滚动,鼠标悬停停止滚动

您可能喜欢

​如何将自己写的代码上传到github上

​如何将自己写的代码上传到github上

​两种ajax渲染实现翻页

​两种ajax渲染实现翻页

​CSS气泡对话框

​CSS气泡对话框

​jQuery点击小图展示大图

​jQuery点击小图展示大图

​web前端开发之手机端开发

​web前端开发之手机端开发

回到顶部