js 倒计时


function timer(){

var ts = (new Date( 2015,03,09, 19, 15, 00)) - (new Date());//计算剩余的毫秒数

var dd = parseInt(ts / 1000 / 60 / 60 / 24, 10);//计算剩余的天数

var hh = parseInt(ts / 1000 / 60 / 60 % 24, 10);//计算剩余的小时数

var mm = parseInt(ts / 1000 / 60 % 60, 10);//计算剩余的分钟数

var ss = parseInt(ts / 1000 % 60, 10);//计算剩余的秒数

if(ss<=0){

ss=0;

}

if(mm<=0){

mm=0;

}

if(hh<=0){

hh=0;

}

if(dd<=0){

dd=0;

}

dd = checkTime(dd);

hh = checkTime(hh);

mm = checkTime(mm);

ss = checkTime(ss);

//alert(dd);

//document.getElementById("fen1").innerHTML = dd + "天" + hh + "时" + mm + "分" + ss + "秒";

document.getElementById("fen1").innerHTML = dd;

document.getElementById("fen2").innerHTML = hh;

document.getElementById("fen3").innerHTML = mm;

document.getElementById("fen4").innerHTML = ss;

setInterval("timer()",1000);

}

function checkTime(i)

{

if (i < 10) {

i = "0" + i;

}

return i;

}

timer();

时间: 2024-12-28 01:58:29

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