<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>发送短信倒计时DEMO</title> <script src="jquery.min.js"></script> </head> <body style="padding:20px;"> <span class="djs">clike me </span> </body> <script> var status = 1 var seconds = 10 var timeInterval function timeover(){ $(".djs").html(seconds + "秒") seconds-- if (seconds < 0) { status = 1 seconds = 10 clearInterval(timeInterval) $(".djs").html("clike me") } } $(function(){ $(".djs").click(function(){ if(status == 0){ // 正在处理 - 锁定阶段 return } status = 0 timeInterval = setInterval("timeover()", 1000) }) }) </script> </html>
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>秒杀倒计时</title> <script src="jquery.min.js"></script> </head> <body style="padding:20px;"> <span class="showtime"> </span> </body> <script> // 当天0点 var zerotime = new Date(new Date().toLocaleDateString()).getTime() // 当天11点 var time1 = zerotime + 11 * 60 * 60 * 1000 - 1; // 当天15点 var time2 = zerotime + 15 * 60 * 60 * 1000 - 1; // 当天20点 var time3 = zerotime + 20 * 60 * 60 * 1000 - 1; // 第二天11点 var time4 = zerotime + 34 * 60 * 60 * 1000 - 1; var currenttime var lefttime = 0 setInterval("timeover()", 1000) function timeover(){ currenttime = new Date().getTime() if(currenttime < time1) { lefttime = time1 - currenttime } else if(currenttime < time2) { lefttime = time2 - currenttime } else if(currenttime < time3) { lefttime = time3 - currenttime } else if(currenttime < time4) { lefttime = time4 - currenttime } lefttime = lefttime/1000 var result = formatSeconds(lefttime) $(".showtime").html(result[0] + ":" + result[1] + ":" + result[2]) } function formatSeconds(value) { var secondTime = parseInt(value);// 秒 var minuteTime = 0;// 分 var hourTime = 0;// 小时 if(secondTime > 60) {//如果秒数大于60，将秒数转换成整数 //获取分钟，除以60取整数，得到整数分钟 minuteTime = parseInt(secondTime / 60); //获取秒数，秒数取佘，得到整数秒数 secondTime = parseInt(secondTime % 60); //如果分钟大于60，将分钟转换成小时 if(minuteTime > 60) { //获取小时，获取分钟除以60，得到整数小时 hourTime = parseInt(minuteTime / 60); //获取小时后取佘的分，获取分钟除以60取佘的分 minuteTime = parseInt(minuteTime % 60); } } var array = [] var hour = parseInt(hourTime) > 9 ? parseInt(hourTime) : "0"+parseInt(hourTime) var minut = parseInt(minuteTime) > 9 ? parseInt(minuteTime) : "0"+parseInt(minuteTime) var second = parseInt(secondTime) > 9 ? parseInt(secondTime) : "0"+parseInt(secondTime) array.push(hour) array.push(minut) array.push(second) return array; } </script> </html>
注意： 需要引入JQUERY