jQuery 倒计时


function getSec(){

//获取名称为remindataSec的ul

obj = document.getElementsByName("remindataSec");

for(i=0;i<obj.length;i++){

//循环得到每个毫秒数

var intDiff = $("#remindataTime"+i+"").text();

var id = "reminTime"+i;

//得到毫秒数和li标签的id

timer(intDiff,id);

}

}

//倒计时类型 为 0:00:00  小时:分钟:秒数

function timer(intDiff,id){

window.setInterval(function(){

var hour=0,

minute=0,

second=0;//时间默认值

if(intDiff > 0){

hour = Math.floor(intDiff/3600);

minute = Math.floor((intDiff-(hour*3600))/60);

second = Math.floor(intDiff-(hour*3600)-(minute*60));

}

if (minute <= 9) minute = ‘0‘ + minute;

if (second <= 9) second = ‘0‘ + second;

var daojishi= hour+":"+minute+":"+second;

if(intDiff<=600){

$(‘#‘+id+‘‘).css("color","red");

}

if(intDiff<=0){

searchMemo();

}

$(‘#‘+id+‘‘).text(daojishi+"  以后");

intDiff--;

}, 1000);

}

时间: 2024-10-20 20:09:04

jQuery 倒计时的相关文章

jquery 倒计时代码分享一例

一个简单的jquery 倒计时代码,分享记录下. html部分: <span class="time_wrap" value="1397145180" style="line-height:200%;"></span> js部分: <script type="text/javascript"> $(document).ready(function(){ setInterval(functio

jquery倒计时demo

原文:jquery倒计时demo 源代码下载地址:http://www.zuidaima.com/share/1550463776246784.htm

JQuery倒计时和按照指定长度为数字前面补零

JQuery按照指定长度为数字前面补零 function PrefixInteger(num, length) {     return (Array(length).join('0') + num).slice(-length); } PrefixInteger(8,2); 返回08,表示长度为2,数字8前面补一个0. JQuery倒计时 var rest = 4350859;  //时间戳 console.log(rest); $day = Math.floor(rest/(60*60*24

jquery倒计时(仿团购)转至 http://justcoding.iteye.com/blog/2210962

倒计时一般是用来表示未来某一时刻距现在时刻还剩多少时间.倒计时在WEB上应用非常广泛,如考试系统倒计时,团购网站中的优惠活动倒计时等等.今天,我们来使用jQuery实现一个简单的倒计时功能. 本文以团购网站的倒计时为背景,我们知道,网站会给每个优惠活动(商品)定一个结束时间,也就是到期时间,但系统时间到达了结束时间,就意味着活动结束.因此,我们在HTML中就要定义活动的结束时间. <ul class="prolist"> <li><img src=&quo

Jquery倒计时源码分享

在静态页添加显示倒计时的容器,并引用下面脚本,代入时间参数即可使用. timeoutDate——到期时间,时间格式为2014/01/01或2014/1/1 D——天 H——小时 M——分钟 S——秒 xs——数字0~9 效果图: 代码展示: html: 复制代码代码如下: <span id="top_tuan_countdown"></span> jquery: 复制代码代码如下: $().ready(function () {    CcountDown([,

jQuery倒计时组件(jquery.downCount.js)

//html <span class="days">00</span> <span class="hours">00</span>: <span class="minutes">00</span>: <span class="seconds">00</span> <script src="js/jquery.down

jquery倒计时

//倒计时 function countDown(){ var endTime=new Date("2015/7/1 00:00:00").getTime(); var nowTime=new Date().getTime(); var t=endTime-nowTime; var d=Math.floor(t/1000/60/60/24); var h=Math.floor(t/1000/60/60%24); var m=Math.floor(t/1000/60%60); var s

jQuery倒计时实例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

jquery倒计时制作

.btn { width:120px; height:40px; float:left; color: white; background-color: #3498db; border-radius: 6px; text-align: center; text-decoration: none; }<input type="button" class="btn" value="获取验证码" onclick="clickButton