您目前使用的浏览器该进博物馆啦~~~
为了更佳的浏览体验，请使用现代浏览器访问本站
Outdated Browser
您的浏览器已禁用 Javascript，启用它获得更好的体验。
Outdated Browser
这是为桌面用户准备的工具，但您可以安心在这里浏览
46.5% 的互联网用户在使用 此款浏览器
GOOGLE CHROME
支持如下操作系统
16.5% 的互联网用户在使用 此款浏览器
MOZILLA FIREFOX
支持如下操作系统
21.6% 的互联网用户在使用 此款浏览器
INTERNET EXPLORER
支持如下操作系统
10.3% 的互联网用户在使用 此款浏览器
APPLE SAFARI
支持如下操作系统
1.5% 的互联网用户在使用 此款浏览器
支持如下操作系统
冷静 这是为桌面用户提供的不是为手机用户提供的jQuery倒计时代码，两款实时倒计时效果_最火下载站
您的位置： >
> jQuery倒计时代码，两款实时倒计时效果
jQuery倒计时代码，两款实时倒计时效果
　　jQuery倒计时代码，两款实时倒计时效果，分别是含有剩余天数和不含剩余天数的例子，通过这个小特效可以学习到很多jQuery时间操作的问题，代码简洁，兼容性好，和大家一起分享吧，网页上的倒计时代码。
　　为解决一些网页特效运行后不能显示效果（例如：jQuery则需要刷新）问题，烈火特别新增网页版演示。
　　点击查看：
　　运行演示：
&!DOCTYPE html&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=gbk& /&
&title&倒计时测试&/title&
&script src=&/uploads/common/js/jquery-1.4.2.min.js& type=&text/javascript&&&/script&
function lxfEndtime(){
$(&.lxftime&).each(function(){
var lxfday=$(this).attr(&lxfday&);//用来判断是否显示天数的变量
var endtime = new Date($(this).attr(&endtime&)).getTime();//取结束日期(毫秒值)
var nowtime = new Date().getTime();
//今天的日期(毫秒值)
var youtime = endtime-//还有多久(毫秒值)
var seconds = youtime/1000;
var minutes = Math.floor(seconds/60);
var hours = Math.floor(minutes/60);
var days = Math.floor(hours/24);
var CHour= hours % 24;
var CMinute= minutes % 60;
var CSecond= Math.floor(seconds%60);//&%&是取余运算，可以理解为60进一后取余数，然后只要余数。
if(endtime&=nowtime){
$(this).html(&已过期&)//如果结束日期小于当前日期就提示过期啦
if($(this).attr(&lxfday&)==&no&){
$(this).html(&&i&剩余时间：&/i&&span&&+CHour+&&/span&时&span&&+CMinute+&&/span&分&span&&+CSecond+&&/span&秒&);
//输出没有天数的数据
$(this).html(&&i&剩余时间：&/i&&span&&+days+&&/span&&em&天&/em&&span&&+CHour+&&/span&&em&时&/em&&span&&+CMinute+&&/span&&em&分&/em&&span&&+CSecond+&&/span&&em&秒&/em&&);
//输出有天数的数据
setTimeout(&lxfEndtime()&,1000);
$(function(){
lxfEndtime();
&style type=&text/css&&
font-style:
font-weight:}
.haveday {
padding: 20
border: 1px dashed #000;
margin-right:
margin-left:
width: 300
&div class=&haveday&&
&h1&含有天数的倒计时&/h1&
&div class=&lxftime& endtime=&11/15/:0&&&/div&
&div class=&lxftime& endtime=&11/8/:20&&&/div&
&div class=&lxftime& endtime=&9/6/:0&&&/div&
&div class=&lxftime& endtime=&6/6/:5&&&/div&
&div class=&haveday&&
&h1&没有天数的倒计时&/h1&
&div class=&lxftime& endtime=&11/15/:0& lxfday=&no&&&/div&
&div class=&lxftime& endtime=&11/8/:20& lxfday=&no&&&/div&
&div class=&lxftime& endtime=&9/6/:0& lxfday=&no&&&/div&
&div class=&lxftime& endtime=&6/6/:5& lxfday=&no&&&/div&
&/html&&div style=&text-align:margin:30px 0 0 0;&&&hr style=&color:#999;height:1&&如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：&a href='/' target='_blank'&/&/a&&/div&提示：可修改后代码再运行!
上一篇： 下一篇：建网站选织梦模板，首选跟版网(最大的织梦模板商城)，您可以把织梦模板网：
亲，跟版网是中国最具专业的DEDECMS模板资源提供商！您可以选择或者
基于jQuery的倒计时插件代码-jquery
& &以下内容您可能感兴趣： &
剩余时间：1小时：40分：30秒
代码如下: 1 /* * 倒计时插件，主要用来限时购买 * By wayshan 版本1.0 * 使用方法： * $(function(){ * $("#ElementId").countdown({ * Edate:" 15:14:23" * }); * }) */ ;(function($){ $.fn.countdown = function(options){ if (this.length == 0){
} return this.each(function(){ var Default = { Sdate:null,//开始时间（格式为“ 10:10:10”）可以设置为服务端的时间 Edate:null,//结束日期（格式为“ 10:10:10”） callback:function(){
} }, _H_Text='小时', _M_Text='分', _S_Text='秒', _lT = null, _cT = new Date(), _eT = null, _elT = null, ctime = null, etime = null, DomId = null, _timeout = null, _gt = function(){ if (_lT == null) { _elT = (etime - ctime); if (_elT & 0){ $('#'+DomId).html("&strong&0&/strong&"+_H_Text+":&strong&0&/strong&"+ _M_Text+":&strong&0&/strong&"+_S_Text); } var _xT =Math.ceil(_elT/(24*60*60*1000)); _cT = parseInt(_cT.match(/\s(\d+)\D/)[1] * 3600) + parseInt(_cT.split(":")[1] * 60)+ parseInt(_cT.split(":")[2]); _eT = _xT * 24 * 3600 + parseInt(_eT.match(/\s(\d+)\D/)[1] * 3600) + parseInt(_eT.split(":")[1] * 60) + parseInt(_eT.split(":")[2]); _lT = _elT/1000; } if (_elT & 0) { if (_lT &= 0) { var _H = Math.floor(_lT / 3600); var _M = Math.floor((_lT - _H * 3600) / 60); var _S = (_lT - _H * 3600) % 60; $('#'+DomId).html("&strong&" + _H + "&/strong&"+_H_Text+":&strong&" + _M + "&/strong&"+_M_Text+":&strong&" + _S + "&/strong&"+_S_Text); _lT--; } else { clearInterval(_timeout); if(s.callback && $.isFunction(s.callback)){ s.callback.call(this); } } } else { clearInterval(_timeout); if(s.callback && $.isFunction(s.callback)){ s.callback.call(this); } } }, strDateTime = function(str){ //判断日期时间的输入是否正确，类型必须形如为： 01:01:01 var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/; var r = str.match(reg); if(r==null) var d= new Date(r[1], r[3]-1,r[4],r[5],r[6],r[7]); return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4] &&d.getHours()==r[5]&&d.getMinutes()==r[6]&&d.getSeconds()==r[7]); } var s = $.extend({}, Default, options || {}); DomId = this. if (DomId == 'null'){
} _eT = s.E if (!strDateTime(_eT)){ alert('结束日期格式不正确');
} if (s.Sdate != null){ _cT = s.S } _cT = _cT.toString(); cdate = _cT.replace(/-/g, '/'); _eT = _eT.toString(); edate = _eT.replace(/-/g, '/'); ctime = new Date(cdate); etime = new Date(edate); _timeout = setInterval(_gt, 1000) }); } })(jQuery);
跟版网-专业织梦模板下载平台，转载请注明出处：
& &邀您关注： &
扫描左侧二维码即可在手机端访问此页面
扫描左侧二维码即可关注跟版网官方微信公众号，获取金币模板，还可以免费仿站哦！
扫描左侧二维码即可加入跟版网官方群，免费获取金币资源并可以与其他织梦高手共同交流学习
跟版网率先实现织梦的三网合一网站，从即日起（）日，跟版网会陆续免费分享一批金币资源给需要的朋友，关注本站认证官方微信公众账号并回复相应的提取码，系统会自动将下载地址发送给您，同时这些金币资源也会分享在官方的QQ群中，欢迎各位朋友踊跃加入。另外本站后期会每周选择大家比较喜欢的网站仿制，并免费分享给大家，还有免费送金币活动哦！
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
- dede源码分享
售价:3金币
- dede源码分享
售价:20金币
- dede源码分享
售价:20金币
- dede源码分享
售价:5金币
- dede源码分享
售价:30金币
& & & 跟版网竭力打造中国最大的织梦源码和织梦模板商城，我们有一批经验丰富的设计师和程序员，发展五年，跟版网拥有丰富的织梦模板，欢迎您的咨询，我们将竭诚为您提供最优质的服务。
& & & 跟版网织梦源码商城坚持“创意+品质+服务”的高端理念，运用创意设计的理念为您塑造高品质的网络品牌形象。凭借五年的探索和实践，跟版网织梦源码商城拥有一支经验丰富、技术精湛、尽职尽责的网络服务团队。精品网站建设，从跟版网织梦源码商城建站开始。
& & & 跟版网织梦源码和模板可分为两种形式获得，一种是官方源码，另外一种是会员共享源码。两种源码都分为免费和收费两种形式。
& & & 跟版网官方收费源码可通过支付费用获得，具体操作流程可查看网址：。会员共享源码可通过共享模板获取金币下载。如觉得麻烦，可以联系客服QQ：进行金币充值，充值后可随意下载。jquery倒计时代码是怎么写的_百度知道
jquery倒计时代码是怎么写的
//]{width.floor(time_distance/#time_h&quot:10px 0;
$(& 时分秒为单数时;设定当前时间 var time_end =
new Date(&quot.val(int_day); id=&input type=&margin:20):20/span&60000)
time_distance -= int_minute * 60000;div class=&#time_d& 显示时间
int_minute = &)
time_distance -= int_day * ;time_d&/10/text& 天 var int_day = M
/ + int_span{1000)
/ + int_ 10){
int_hour = &quot.floor(time_distance/ /0&quot:35#time_m&input type=&
if(int_second &&lt.content{text& &lt.box& + int_minute。实现上述过程需要以下两个函数.getTime();&lt，时分秒类似setTimeout(});0&
if(int_minute &lt:00; id=&box&time_h&距离2015年国庆节还剩; & + int_0&
if(int_hour &);
&lt:#999;0& function show_time(){
var time_start = new Date():300 10){
int_day = & 时 var int_hour = Math：getTime()
&#47、前面加零
if(int_day &input type=&//content&br&gt:5px 10span& 秒
var int_second = M).floor(time_distance&#47:show_time()&/
/text&quot:2px solid #ff6666;#time_s&quot.floor(time_distance/div class=&font-/01 00;/
$(& 计算时间差
var time_distance = time_end - time_div&设定目标时间 /&#47.getTime();;天&2015/ id=&
/ /text&&&}编写jquery代码$(function(){
show_time():1px solid #ff9966;& 在指定的毫秒数后调用函数实例演示如下创建Html元素& id=&quot:5px 0;/);time_s&quot,millisec):45text'/border，就实现了倒计时效果; 设置定时器 setTimeout(&秒 &}}div:4px dashed #margin:20px.box{div&设置css样式分&input type=& 10){
int_second = &quot:250px，这样将时间差（毫秒数）÷3600÷24即为天数;时&lt：&&&&#47.val(int_minute)，然后通过定时器更新这个时间差首先获取当前时间与目标时间的时间差; 分 var int_minute = Math.val(int_second),1000);time_m&
$(&3600000)
time_distance -= int_hour * 3600000.val(int_hour);&
/&#47:00&}input[type=' 返回距日之间的毫秒数;);
其他类似问题
为您推荐：
jquery的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁The page is temporarily unavailable
nginx error!
The page you are looking for is temporarily unavailable.
Please try again later.
Website Administrator
Something has triggered an error on your
This is the default error page for
nginx that is distributed with
It is located
/usr/share/nginx/html/50x.html
You should customize this error page for your own
site or edit the error_page directive in
the nginx configuration file
/etc/nginx/nginx.conf.