js倒计时

1.第一种

//退订倒计时
            timeOut:function(nowDay,endDay){

var timeLeave = (endDay - nowDay) / 1000,

interval = 0;

interval = setInterval(function() {

intervalTime();

}, 1000);

function intervalTime() {

var J_day = $(".J-day"),

J_hour = $(".J-hour"),

J_minute = $(".J-minute"),

J_second = $(".J-second");

if (timeLeave > 0) {

var day = Math.floor(timeLeave / (24 * 60 * 60)),

hour = Math.floor(timeLeave % (24 * 60 * 60) / (60 * 60)),

minute = Math.floor(timeLeave % (24 * 60 * 60) % (60 * 60) / 60),

second = Math.floor(timeLeave % (24 * 60 * 60) % (60 * 60) % 60);

J_day.html(day);
                        J_hour.html(hour);
                        J_minute.html(minute);
                        J_second.html(second);

timeLeave--;

} else {

clearInterval(interval);

J_day.html("0");
                        J_hour.html("0");
                        J_minute.html("0");
                        J_second.html("0");

$(".J-to-tip").html("请尽快填写退货物流信息,方便商家为您处理退款");

}

}

}

2.第二种

(function($) {

function TimeOut(endDay) {
        var tDay = new Date(),
            //yearNow = tDay.getFullYear(),
            //dayNow = tDay.getDate(),
            //endDay = new Date(yearNow, 10, dayNow+6, 23, 59, 59)
            timeLeave = (endDay - tDay) / 1000;
        var day = Math.floor(timeLeave / (24 * 60 * 60)),
            hour = Math.floor(timeLeave % (24 * 60 * 60) / (60 * 60)),
            minute = Math.floor(timeLeave % (24 * 60 * 60) % (60 * 60) / 60),
            second = Math.floor(timeLeave % (24 * 60 * 60) % (60 * 60) % 60);

$(".J-day").html(day);
        $(".J-hour").html(hour);
        $(".J-minute").html(minute);
        $(".J-second").html(second);
    }

var dayNow = new Date(2015,11,25,08,00,00),
        yearNow = dayNow.getFullYear(),
        monthNow = dayNow.getMonth(),
        dayNow = dayNow.getDate(),
        endDay = new Date(yearNow, monthNow, dayNow + 10, 23, 59, 59);
    console.log(endDay.getTime());
    setInterval(function() {
        TimeOut(endDay);
    }, 1000);

})(jQuery);

时间: 2024-10-13 20:58:17

js倒计时的相关文章

js倒计时关闭当前页面代码

js倒计时关闭当前页面代码:很多网站在关闭网页之前会给出一个倒计时效果,这样可以让浏览者做到根据相应的情况进行操作,比较人性化,下面就通过实例代码介绍一下如何实现此效果.代码实例如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name=&quo

js倒计时函数和(js禁用和恢复a标签的操作)

<script type="text/javascript"> /*获取手机号*/ var start_time=60; function get_phone_nums(){ var get_cus_phone=$('.get_cus_phone').val();//得到消费者填写的的手机号 var reg = new RegExp("^13[0-9]{9}$|14[0-9]{9}|15[0-9]{9}$|18[0-9]{9}|17[0-9]{9}$")

js 倒计时(可自定义时间)

原文 链接 http://www.cnblogs.com/liygheart/p/3605160.html <html> <head> <title>js 倒计时</title> </head> <body> <div> <h4>距离<input type="text" id="inputdate" value="2014-4-5"/> &

JS倒计时网页自动跳转代码

<title>JS倒计时网页自动跳转代码</title> <script language="JavaScript" type="text/javascript"> function delayURL(url) { var delay = document.getElementById("time").innerHTML; if(delay > 0) { delay--; document.getElem

Js倒计时程序

Js倒计时程序 点击下载

js倒计时功能

<input id="countdown" type="text" value="140时50分20秒"> <script> var oCountdown = document.getElementById("countdown"), nowStamps = Date.now() - 100, // 服务器当前时间 endStamps = Date.now() + 50000 - 100, // 活动结

JS倒计时,不会重复执行

直接上代码,亲自测试了的,没问题咯 <html> <head> <title>点击获取验证码按钮后按钮变灰,倒计时一段时间后又可重复点击</title> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js"></script> </head> <body>

原生js倒计时

<!--倒计时html--><a href="#"> <p>本场剩余</p> <div class="countdown"> <span></span><i>:</i> <span></span><i>:</i> <span></span> </div> <p>查看

微信内嵌H5网页 解决js倒计时失效

项目要求:将H5商城页面嵌套到公司微信公众号里 项目本身的开发跟移动端网页并无太多差异,只是这昨天遇到一个问题,说是棘手,到也简单. 用户下单后,在选择支付方式页面,有个倒计时的逻辑(从下单时开始计算,24小时后未支付,会有ws自动取消这个订单),js代码如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <script type="text/javascript"><br>  var 

js倒计时,距离某个时间的倒计时。

说到倒计时,是不是也就只会写获取验证码60s倒计时,在往上是不是脑力感觉不够用,身体好像被掏空了.直接看代码,让你好代码也好. 1. <!Doctype html> <html> <head> <meta charset="utf-8"> <title>倒计时</title> <script type="text/javascript"> function GetRTime(){ v