时间:2014-01-29 来源:

基于jQuery的倒计时实现代码

在线演示:http://demo.jb51.net/js/2012/mydaojishi/
打包下载:mydaojishi_jb51
核心代码:
复制代码 代码如下:

$(function(){
var tYear = ""; //输入的年份
var tMonth = ""; //输入的月份
var tDate = ""; //输入的日期
var iRemain = ""; //开始和结束之间相差的毫秒数
var sDate = ""; //倒计的天数
var sHour = ""; //倒计时的小时
var sMin = ""; //倒计时的分钟
var sSec = ""; //倒计时的秒数
var sMsec = ""; //毫秒数
//通用工具函数web外包,在个位数上加零,web外包根据传的N的参数,html前端制作n){
var str = ""+num;
while(str.length<n){
str="0"+str
}
return str;
}
//获得相差的天,承接网页前端外包小时网页html切图排版,分钟,网页html切图排版秒
function getdate(){
//创建开始时间和结束时间的日期对象
var oStartDate = new Date();
var oEndDate = new Date();
//获取文本框的值
tYear = $("#tyear").val();
tMonth = $("#tmonth").val();
tDate = $("#tdate").val();
//设置结束时间
oEndDate.setFullYear(parseInt(tYear));
oEndDate.setMonth(parseInt(tMonth)-1);
oEndDate.setDate(parseInt(tDate));
oEndDate.setHours(0);
oEndDate.setMinutes(0);
oEndDate.setSeconds(0);
//求出开始和结束时间的秒数(除以1000)
iRemain = (oEndDate.getTime() - oStartDate.getTime())/1000;
//总的秒数除以一天的秒数,承接网站前端再取出整数部分,html切图报价3);
//总的秒数除以一天的秒数web外包,然后取其中的余数,web外包就是把整数天扣除之后网页切图制作,剩下的总秒数.
iRemain %= 60*60*24;
//剩下的总秒数除以一个小时的秒数,网页切图制作再取整数部分div+css+js切图,2)
//剩下的总秒数除以一个小时的秒数承接网站前端,再取其余数,承接网站前端这个余数psd切图html,就是扣除小时这后,psd切图html剩下的总秒数.
iRemain %= 60*60;
//剩下的总秒数除以一分钟的秒数web外包,再取其整数部分,div切图排版就是有多少分钟.
sMin = setDig(parseInt(iRemain/60),2)
//剩下的总秒数除以一分钟的秒数,网页切图制作再取其余数div+css+js切图,这个余数,手机网页外包就是扣除分钟之后承接网站前端,2);
//毫秒数
sMsec = sSec*100;
}
//更改显示的时间
function updateShow(){
$(".showdate span").text(tYear+"-"+tMonth+"-"+tDate);
$(".count span").each(function(index, element) {
if(index==0){
$(this).text(sDate);
}else if(index==1){
$(this).text(sHour);
}else if(index == 2){
$(this).text(sMin);
}else if(index == 3){
$(this).text(sSec);
}else if(index == 4){
$(this).text(sMsec);
}
});
}
//每一秒执行一次时间更新
function autoTime(){
getdate();
//如果小于零,psd切图html清除调用自己web外包,1000);
}
//点击按钮开始计时
$("button").click(function(){
autoTime();
})
})


记录需要注意的地方:

1.取模运算:

  iRemain %= 60*60*24;
就是返回余数网页切图制作,在这个实例中的余数,div页面就是把整数拿走后div+css+js切图,n)  可以根据传入的参数承接网站前端,自动在传入的数字前加零
点击次数:2103
作者:
web前端行业资讯
Web new NewsList
英特尔宣布与法拉利跨界合作欲将AI技术用于赛车运动 ,,2018年01月11日甲骨文服务器出漏洞:攻击者用漏洞挖矿获取加密货币 ,,2018年01月11日用深度学习设计图像视频压缩算法:更简洁、更强大 ,,2018年01月11日Ubuntu内核和NVIDIA更新:修复Meltdown和Spectre两处漏洞 ,,2018年01月11日AntDesign3.1.1发布,阿里企业级UI设计语言 ,,2018年01月11日微信「跳一跳」带火小游戏,开发者如何快速上手? ,,2018年01月11日谷歌公布最新安卓系统份额:你用上奥利奥了么? ,,2018年01月11日腾讯开发出“3D音效”算法:普通耳机实现3D实时语音效果 ,,2018年01月11日谷歌工程师点赞中国程序员实现Node.js启动超4倍提速 ,,2018年01月11日三星电子总裁兼CE部门负责人金炫奭:万物互联时代到来 ,,2018年01月11日NVIDIA和大众合作建立智能驾驶助手 ,,2018年01月11日GIMPS项目报告发现已知最大素数 ,,2018年01月11日微软与生物技术公司开展AI驱动的血液检测同时诊断数十种疾病 ,,2018年01月11日微软跨平台移动开发工具套件HockeyApp宣布免费 ,,2018年01月11日《硅谷》里神乎其神的压缩技术,AI正在一点点做出来 ,,2018年01月11日LinuxMint19代号敲定为“Tara”预计2018年5月至6月期间发布 ,,2018年01月11日Facebook发布wav2letter工具包,用于端到端自动语音识别 ,,2018年01月11日开源数据库ArangoDB正进行约1156万美元股权融资 ,,2018年01月11日IntelCPU漏洞闹大:腾讯云紧急升级 ,,2018年01月11日2018年1月全球数据库排名:Redis夺回第八 ,,2018年01月11日Lyft将联手无人驾驶公司于CES上展示无人驾驶汽车 ,,2018年01月11日京东X无人超市首家社会门店开业:刷脸进、微信自动结算 ,,2018年01月11日担心被AI取代是杞人忧天?高晓松跨年演讲说的有几分对 ,,2018年01月11日免费授权技术许可Intel宣布在未来CPU中集成雷电3 ,,2018年01月11日算法决定你在社交媒体上看到的信息 ,,2018年01月11日谷歌安全博客披露“英特尔内核漏洞”更多细节 ,,2018年01月04日Postgres10开发者新特性 ,,2017年12月28日阿里巴巴、狗尾草、苏大联合论文:基于对抗学习的众包标注用于中文命名实体识别 ,,2017年12月28日柯洁的2017:20岁,与AI斗与人类斗,其乐无穷 ,,2017年12月28日如果机器人拥有痛觉,这个世界会有哪些不一样? ,,2017年12月28日uva10034Freckles(kruskal||prim)【编程语言】2015年08月14日Android基础-03 【云计算】2015年04月07日OpenStreetMap,免费的GoogleMaps挑战者 ,,2016年07月24日WindowsStoreAppsnote002aboutTextBlockTextBoxPasswordBox 【编程语言】2015年03月26日Codevs2189数字三角形2题解 【编程语言】2015年05月18日LeetCode【Tree】:PathSum 【编程语言】2015年02月04日rabbitMQ第二篇:java简单的实现RabbitMQ2016年10月19日Spring学习(一)ioc理解 【编程语言】2015年08月26日3.2电话号码对应英语单词【编程语言】2015年04月24日android单元测试 【移动开发】2014年11月24日Linux下sort命令的使用 【编程语言】2015年01月24日HighPerformanceBrowserNetworking-TCPUDPTLS 【综合】2014年11月14日POJ2352Stars 【编程语言】2015年08月14日11个用于定制WordPress管理仪表盘的代码片段 ,,2016年07月24日cookied深入解读 【编程语言】2015年06月26日EDM大师独家收藏的30个绝佳节日邮件模板 【Web前端】2015年02月09日COCOS2dx实现地图缩放和拖动拖动助力 【移动开发】2015年07月13日JAVA日志系统 【互联网】2015年08月17日2014年省赛选拔组队系列赛4【移动开发】2015年05月11日Android-关于Fragment的预览问题 【移动开发】2014年12月10日巧妙解除被锁定的注册表2014年01月29日Ural1780GrayCode(暴力) 【移动开发】2015年08月29日HDU2028LowestCommonMultiplePlus【stein算法】【水题】2015年01月04日androidlistview水平滚动和垂直滚动的小例子2014年01月30日【iOS官方文档翻译】UICollectionView与UICollectionViewFlowLayout 【移动开发】2015年08月15日POJ2528Mayor'sposters离散化+线段树 【编程语言】2014年11月04日LeetCode191——Numberof1Bits 【移动开发】2015年03月13日银行家算法——软考探究(四)【研发管理】2014年11月04日PHPCURL函数库2014年01月29日Xml解析方式之Pull解析器的使用2015年05月05日
我们保证
We guarantee
> psd效果文件手工切图,保证图片效果最好体积最小利于传输
> 100%手写的HTML(DIV+CSS)编码,绝对符合W3C标准
> 代码精简、css沉余量小、搜索引擎扫描迅速,网页打开快捷
> 应用Css Sprite能够减少HTTP请求数,提高网页性能
> 跨浏览器兼容(IE6、7、8、9,Firefox火狐,Chrome谷歌)