javascript 计算倒计时

    function timeDown(second) {
        var month = ‘‘, day = ‘‘, hour = ‘‘, minute = ‘‘;
        if (second >= 86400 * 30) {
            month = Math.floor(second / (86400 * 30)) + ‘月‘;
            second = second % (86400 * 30);
        }
        if (second >= 86400) {
            day = Math.floor(second / 86400) + ‘天‘;
            second = second % (86400);
        }
        if (second >= 3600) {
            hour = Math.floor(second / 3600) + ‘小时‘;
            second = second % 3600;
        }
        if (second >= 60) {
            minute = Math.floor(second / 60) + ‘分‘;
            second = second % 60;
        }
        if (second > 0) {
            second = second ? second + ‘秒‘ : ‘‘;
        }
        return month + day + hour + minute + second;
    }

如果想显示倒计时效果,可以使用如下代码调用:

<!-- 引入jquery -->
<script>
    $(function () {
        var second = 10000;
        $(‘.remain_time‘).html(timeDown(second));
        setInterval(function () {
            second--;
            $(‘.remain_time‘).html(timeDown(second));
        }, 1000);
    })
</script>
<span class="remain_time"></span>

jquery插件形式:

            $.fn.timeDown = function (opt) {
                var second = opt.second;
                var tip = ‘已过期‘;
                var $this = this;
                self._timeDown = function (second) {
                    var month = ‘‘, day = ‘‘, hour = ‘‘, minute = ‘‘;
                    if (second >= 86400 * 30) {
                        month = Math.floor(second / (86400 * 30)) + ‘月‘;
                        second = second % (86400 * 30);
                    }
                    if (second >= 86400) {
                        day = Math.floor(second / 86400) + ‘天‘;
                        second = second % (86400);
                    }
                    if (second >= 3600) {
                        hour = Math.floor(second / 3600) + ‘小时‘;
                        second = second % 3600;
                    }
                    if (second >= 60) {
                        minute = Math.floor(second / 60) + ‘分‘;
                        second = second % 60;
                    }
                    if (second > 0) {
                        second = second ? second + ‘秒‘ : ‘‘;
                    } else {
                        return tip;
                    }
                    return month + day + hour + minute + second;
                };
                $this.html(self._timeDown(second));
                setInterval(function () {
                    second--;
                    $this.html(self._timeDown(second));
                }, 1000)
            };
// 使用方式
$(‘.remain_time‘).timeDown({second:1000,tip:‘已过期‘})
时间: 2024-10-13 01:04:05

javascript 计算倒计时的相关文章

javascript计算字符串的长度区分中英文

javascript计算字符串的长度区分中英文:计算字符串的长度是常有的操作,代码如下: var str="I love 蚂蚁部落"; console.log(str.length); 使用length计算字符串的长度,得出的结果是字符串中字符的个数,而在实际应用中可能需要计算字符串所占有的字节长度,一个汉字占两个字节,一个英文字符占一个字节,代码如下: var zfl={}; zfl.GetLength=function(str){ var realLength=0,len=str.

javascript实现倒计时-------Day28

先来两幅图片,看看今天要写什么: 看到图片右上角是什么了么看到图片下面是什么了么 相信这个大家都不会陌生吧,那些生活中等着秒杀,等着抢小米人们,焦躁等待的你曾一秒一秒的盯着它看么,我不知道答案,可我知道有那么一批人,可能已经在心里开始一秒一秒的开始数了.这一年一度的高考也又要到了,倒计时的时间也是已经越来越小,我不知道哪些在数着考试的时间,哪些在数着毕业的时间,哪些纯粹在数着解脱的时间,呜呼哀哉,各有各路,这道路口如今也就那么着吧. 言归正传,今天来写一下倒计时,到现在来看确然是简单的很了,但是

javascript计算两个时间差

其实,javascript计算时间差的方式非常简单,如果是默认的Date()类型,直接相减就是相差的毫秒 var d1 = new Date('2016/03/28 10:17:22'); var d2 = new Date('2016/03/28 11:17:22'); console.log(parseInt(d2 - d1));//两个时间相差的毫秒数 console.log(parseInt(d2 - d1) / 1000);//两个时间相差的秒数 console.log(parseIn

javascript 计算文件MD5 浏览器 javascript读取文件内容

原则上说,浏览器是一个不安全的环境.早期浏览器的内容是静态的,用户上网冲浪,一般就是拉取网页查看.后来,随着互联网的发展,浏览器提供了非常丰富的用户交互功能.从早期的表单交互,到现在的websocket实时通信,乃至html5的流行. html5给前段开发带来了许多有力的工具,以前浏览器大多通过flash插件进行文件的上传和下载,现在我们可以利用html5给我们带来的fileReader api,读取用户通过表单选中的文件内容. fileReader详情请移步: https://develope

JavaScript 的倒计时

一年前,在网上找到的例子,现在已经找不到出处,对不住原作者,请原谅.修改了一下,在刷新页面的情况下,倒计时不重来. <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>倒计时</title> </head> <body> <label id="time">

Javascript计算世界完全对称日

今天是 2011-11-02 日,微博啊.G+啊什么的都传是世界完全对称日,还说是多少年一遇的.下面写个 JavaScript 小程序,看看是否真的N年一遇.计算范围在公元2000年到3000年.兰西县璩家摄影 名词解说:世界完全对称日,指的是公历纪年日期中数字左右完全对称的日期,这一天朋友们可以互送祝福同时让大家感叹时间的宝贵. JavaScript 代码: <input type="button" value=" 计算世界完全对称日 " id="

javascript实现倒计时

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>大三倒计时</title> </head> <body> <div> 距离大三结束时间2015年7月1日仅有:<span id="ot

javaScript 计算两个日期的天数相差

一:计算两个日期相差的天数 1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 4 <title></title> 5 </head> 6 7 <body> 8 <button onClick="btnCount_Click()"&g

javascript - 活动倒计时(天、时、分、秒)

计数时: 结束时: 示例: 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta http-equiv=&qu