清华大佬耗费三个月吐血整理的几百G的资源,免费分享!....>>>
定义和用法
setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 | <html> <head> <meta charset= "utf-8" > <title>jquery简单倒计时</title> </style> <script type= "text/javascript" src= "js/jquery.min.js" ></script> <script type= "text/javascript" > var intDiff = parseInt(60); //倒计时总秒数量 function timer(intDiff) { window.setInterval( function () { var day = 0, hour = 0, minute = 0, second = 0; //时间默认值 if (intDiff > 0) { day = Math.floor(intDiff / (60 * 60 * 24)); hour = Math.floor(intDiff / (60 * 60)) - (day * 24); minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60); second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60); } if (minute <= 9) minute = '0' + minute; if (second <= 9) second = '0' + second; $( '#day_show' ).html(day + "天" ); $( '#hour_show' ).html( '<s id="h"></s>' + hour + '时' ); $( '#minute_show' ).html( '<s></s>' + minute + '分' ); $( '#second_show' ).html( '<s></s>' + second + '秒' ); intDiff--; }, 1000); } $( function () { timer(intDiff); }); </script> </head> <body> <h1>网页上的倒计时</h1> <div class = "time-item" > <span id= "day_show" >0天</span> <strong id= "hour_show" >0时</strong> <strong id= "minute_show" >0分</strong> <strong id= "second_show" >0秒</strong> </div> <!--倒计时模块--> </body> </html> |