javascript倒计时

简介: 格式化将0-9变成00-09的显示方式 function forNum(num) { if (num < 10) return "0" + num; else return num; } countdown函数计算时间差返回...

格式化将0-9变成00-09的显示方式

function forNum(num) {
    if (num < 10)
         return "0" + num;
    else
          return num;
}

countdown函数计算时间差返回数组形式,数组的第一个返回字符串,第二个返回布尔值判断是否结束
参数:d1是服务器端传过来的秒形式
        d2是时间的字符串

function countdown(d1, d2) {
    var endTime = new Date(d2).getTime() / 1000;
    var d = endTime - d1;
    var second = parseInt(d % 60);
    var minite = parseInt((d / 60) % 60);
    var hour = parseInt((d / 3600) % 24);
    var day = parseInt(d / 3600 / 24);
    var b = true;
    var timeArray = [second.toString(), minite.toString(), hour.toString()];
    if (d <= 0) {
        return ["00小时00分00秒", true];
    }
    else {
        if (day > 0) {
            return [day + "天" + forNum(timeArray[2]) + "小时" + forNum(timeArray[1]) + "分" + forNum(timeArray[0]) + "秒", false];
        }
        else {
            return [forNum(timeArray[2]) + "小时" + forNum(timeArray[1]) + "分" + forNum(timeArray[0]) + "秒", false];
        }
    }
}

倒计时:

<!DOCTYPE html> <html> <head> <title>倒计时</title> </head> <body> <div id="test"></div> <script type="text/javascript"> function forNum(num) { if (num < 10) return "0" + num; else return num; } function countdown(d1, d2) { var endTime = new Date(d2).getTime() / 1000; var d = endTime - d1; var second = parseInt(d % 60); var minite = parseInt((d / 60) % 60); var hour = parseInt((d / 3600) % 24); var day = parseInt(d / 3600 / 24); var b = true; var timeArray = [second.toString(), minite.toString(), hour.toString()]; if (d <= 0) { return ["00小时00分00秒", true]; } else { if (day > 0) { return [day + "天" + forNum(timeArray[2]) + "小时" + forNum(timeArray[1]) + "分" + forNum(timeArray[0]) + "秒", false]; } else { return [forNum(timeArray[2]) + "小时" + forNum(timeArray[1]) + "分" + forNum(timeArray[0]) + "秒", false]; } } } var startTime = 1340899199; var stop = setInterval(function () { var arr = countdown(startTime, "6/29/2012 23:59:59"); if (arr[1]) { clearInterval(stop); } else { startTime++; } document.getElementById("test").innerHTML = arr[0]; }, 1000); </script> </body> </html>

目录
相关文章
|
1月前
|
JavaScript
JS利用时间戳倒计时案例
JS利用时间戳倒计时案例
|
3月前
|
移动开发 JavaScript 前端开发
分享75个JS特效倒计时,总有一款适合您
分享75个JS特效倒计时,总有一款适合您
24 0
|
3月前
|
JavaScript 前端开发 小程序
element 订单列表中 实现多个倒计时(vue+js)
element 订单列表中 实现多个倒计时(vue+js)
|
3月前
|
JavaScript
实现一个网页同时调用多个倒计时 jquery/js
实现一个网页同时调用多个倒计时 jquery/js
|
4月前
|
JavaScript
JS倒计时
JS倒计时
|
5月前
|
JavaScript 前端开发
js实现长按录制视频按钮外部转圈倒计时10秒的效果
js实现长按录制视频按钮外部转圈倒计时10秒的效果
36 0
|
7月前
|
JavaScript
js倒计时效果demo示例
js倒计时效果demo示例
|
9月前
|
JavaScript
js实现获取验证短信倒计时功能
前言 今天和大家分享一个小功能,在我们进行需要获取手机验证码或其他方式的验证码进行登录时会有一个功能,就是当你点击发送验证码时会有一个倒计时,倒计时没有结束时按钮是禁用的状态,防止重复发送短信,下面我们来看一下这个功能使用JS该如何实现。