页面定时减少数据

来源:互联网 发布:java excel poi jar包 编辑:程序博客网 时间:2024/05/01 12:31
需求:10月份时:10月10号之前页面中显示数据为7653,从10月10号之后,每天定时减少数据,直到月末。10月份之前或之后数据都显示为0



<!DOCTYPE HTML><html lang="en"><head>   <meta charset='UTF-8' />   <title>数据更新</title>    <style>        #content{position: relative;margin: 0 auto;width: 10rem;}        .numArea{            width: 10rem;            height: 5.827rem;            position: relative;            color: #5d1f01;            background: url("images/10_07.jpg") no-repeat 0 0;            background-size: 10rem 5.827rem;        }        [data-dpr="2"] .num{            font-size: 60px;        }        [data-dpr="3"] .num{            font-size: 90px;        }        .num{            width: 0.907rem;            height:1.267rem ;            display: inline-block;            margin-right: 0.1rem;            text-align: center;            font-size: 30px;        }        #num1{            padding:2.627rem 0 0 5.253rem;        }    </style></head><body style="font-family:PingFangSC-Regular,Helvetica,Arial,sans-serif;">    <div id="content">      <div class="numArea">            <span id="num1" class="num"></span>            <span id="num2" class="num"></span>            <span id="num3" class="num"></span>            <span id="num4" class="num"></span>      </div>    </div>    <script src="jquery-3.1.0.min.js"></script>    <script>    (function(){        var myTime = new Date();        var oMonth = myTime.getMonth();        var oDate = myTime.getDate();        var oHours = myTime.getHours();        var num1 = document.getElementById('num1');        var num2 = document.getElementById('num2');        var num3 = document.getElementById('num3');        var num4 = document.getElementById('num4');        var nowProductNumX = 0;        var x = 0; //bj        //月份判断        if(oMonth == 9){            if(oHours<10){                x=0;                }else{if(oHours>=10&&oHours<12){                    x=115;                    }else{if(oHours>=12&&oHours<17){                        x=230;                        }else{if(oHours>=17){                            x=345;                            }                            }                        }                }            if(oDate<10){                initNum(3,5,6,7);            }else{            nowProductNumX = 7653-(oDate-10)*345-x;               setInterval(fnNumber,60000);            //fnNumber();            }        }else if(oMonth > 10){            //写入数据0            initNum(0,0,0,0);        }else if(oMonth < 10){            initNum(3,5,6,7);            }        function fnNumber(){            var myTime = new Date();            var iHours = myTime.getHours();            var iMinutes = myTime.getMinutes();            //当前时间判断         if(iHours==10&&iMinutes==0||(iHours==12&&iMinutes==0)||(iHours==17&&iMinutes==0)){            nowProductNumX=changeNum(115,nowProductNumX);         }            //写入数据         writeNum(nowProductNumX);        }      writeNum(nowProductNumX);      /*分离数字*/      function writeNum(num){         var ge = num % 10;         var shi =(num % 100-ge)/10;         var bai = (num % 1000-shi*10-ge)/100;         var qian = parseInt(num/1000);            initNum(ge,shi,bai,qian);      }      /*赋值*/      function initNum(g,s,b,q){            num4.innerHTML = g;            num3.innerHTML = s;            num2.innerHTML = b;            num1.innerHTML = q;        }        function changeNum(x,pNum){            pNum-=x;            return pNum;            }    })();</script></body></html>

0 0
原创粉丝点击