php实现秒数倒计时,jQuery网页倒计时代码显示天、小时、分钟与秒数

一个js倒计时代码，可倒计算天、小时、分钟和秒数。

使用了jquery插件，倒计时日期在countDown中修改，暂定为2014/10/1 10:00:00，当然这个日期只是让大家测试用的。

可指定比如国庆、世界杯、网购狂欢日等一类的倒计时时间。

完整代码：

复制代码代码示例:

Jquery实现的精美倒计时_www.jbxue.com

*{ padding:0; margin:0;}

.colockbox{width:250px;height:30px;background:url(/jscss/demoimg/201312/colockbg.png) no-repeat;overflow: hidden; color:#000000;}

.colockbox span{float:left;display:block;width:40px;height:29px;line-height:29px;font-size:20px; font-weight:bold;text-align:center;color:#ffffff; margin-right:22px;}

$(function(){

countDown("2014/10/1 10:00:00","#colockbox1");

});

function countDown(time,id){

var day_elem = $(id).find('.day');

var hour_elem = $(id).find('.hour');

var minute_elem = $(id).find('.minute');

var second_elem = $(id).find('.second');

var end_time = new Date(time).getTime(),//月份是实际月份-1

sys_second = (end_time-new Date().getTime())/1000;

var timer = setInterval(function(){

if (sys_second > 1) {

sys_second -= 1;

var day = Math.floor((sys_second / 3600) / 24);

var hour = Math.floor((sys_second / 3600) % 24);

var minute = Math.floor((sys_second / 60) % 60);

var second = Math.floor(sys_second % 60);

day_elem && $(day_elem).text(day);//计算天

$(hour_elem).text(hour<10?"0"+hour:hour);//计算小时

$(minute_elem).text(minute<10?"0"+minute:minute);//计算分钟

$(second_elem).text(second<10?"0"+second:second);//计算秒杀

} else {

clearInterval(timer);

}

}, 1000);

}

00 00 00 00

php实现秒数倒计时,jQuery网页倒计时代码显示天、小时、分钟与秒数相关推荐

python获取小时和分钟_Python：以小时,分钟和秒为单位读取文本文件;和度数,弧分和弧秒...
我试图使用matplotlib从python中的文件中绘制数据. 该文件包含2列.第一列有小时:分钟:秒.第二列有度:弧分:弧秒. 对于小时:分钟:秒我使用datetime.strptime('%H: ...
计算两时间段的重合天/小时/分钟/秒数（末尾附完整代码）
说明: 有时候我们在计算时间时,有让获取两时间段重合的天数这种需求,小编也是遇到了这样的需求,就封装了一个工具类,希望能帮助到大家. 我们先进行分析求两个时间段重合的天数,例如求(2022-05-0 ...
小时分钟秒计算
最近有个朋友问我怎么根据一个数计算出这个数为几个小时或分钟的算法,比如500秒,转换为×小时×分×秒,我抽空写了一个程序,贴在这里吧. 首先定义几个公共变量 public long hour, ...
C++ 秒和小时分钟的转化
1小时等于60分钟,1分钟等于60秒.键盘输入N秒,表示成小时分钟秒的形式.例如: 8000=2h13min20sec Input 一个整数N,表示多少秒. 1<N<2^31 Output ...
JavaScript 实现页面内时间实时倒计时计时器内附完整文件欢迎调用(可用于抢购倒计时,记录恋爱纪念日总时长等)输出对应的天数小时分钟秒数
JavaScript 实现页面内时间倒计时计时器可用于抢购倒计时,记录恋爱纪念日总时长等输出对应的天数小时分钟秒数注意:在下一个文章中将公布一个纪念日成品代码,欢迎各位来学习(复制) 第一步:构 ...
jq倒计时html源码,jQuery实现倒计时功能
定义和用法 setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式. setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被 ...
jquery.countdown 倒计时插件的学习
1.第一种简单的使用第一个时间是你的倒计时截止时间,finalDate格式可以是YYYY/MM/DD MM/DD/YYYY YYYY/MM/DD hh:mm:ss MM/DD/YYYY hh:mm: ...
html5 倒计时插件,基于HTML5 time元素的倒计时jquery插件
这是一款简单的基于HTML5 time元素的倒计时jquery插件.该jquery倒计时插件提供默认的翻牌样式,可以在所有支持HTML5 time元素的浏览器中正常工作. 安装可以通过npm来安装j ...
js实现html页面倒计30秒,javascript实现简单页面倒计时
这篇文章主要为大家详细介绍了javascript实现简单页面倒计时,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了javascript实现简单页面倒 ...
jquery实现倒计时
1 <html> 2 <head> 3 <meta charset="utf-8"/> 4 <title>jquery实现倒计时&l ...

php实现秒数倒计时,jQuery网页倒计时代码显示天、小时、分钟与秒数

php实现秒数倒计时,jQuery网页倒计时代码显示天、小时、分钟与秒数相关推荐

最新文章

热门文章

php实现秒数倒计时,jQuery网页倒计时代码 显示天、小时、分钟与秒数

php实现秒数倒计时,jQuery网页倒计时代码 显示天、小时、分钟与秒数相关推荐

最新文章

热门文章

php实现秒数倒计时,jQuery网页倒计时代码显示天、小时、分钟与秒数

php实现秒数倒计时,jQuery网页倒计时代码显示天、小时、分钟与秒数相关推荐