jQuery简单倒计时效果完整示例

本文展示了jQuery简单的倒计时效果。分享给大家参考，如下：

前天做了一个活动项目，里面有倒计时效果。因为需求比较简单，所以没有使用网上各种倒计时插件。今天花点时间整理一下，分享给大家。

Html代码如下：

！doctype html lang=' en-us ' head meta charset=' utf-8 '/title倒计时效果/title linkrel='样式表' type=' text/CSS ' href=' CSS/base . CSS ' media=' all '/style type=' text/CSS ' #倒计时{font-。线高：10；文本对齐：居中；} /style/headbody div id='倒计时'/div/body/html script type=' text/JavaScript ' src=' http : jquery-1 . 7 . 2 . min . js '/script script type=' text/JavaScript ' function倒计时(年、月、日、小时、分钟){ var dateFinal=new Date(年、月、日、小时、分钟)；//设置倒计时到达时间var Date now=new Date()；//获取当前系统时间var date sub=date final-date now；//以毫秒为单位计算差值，var day=小时=分钟=秒=天基数=小时基数=分钟基数=0；//初始化每个数值var timeHtml=TimeHtml=' toDouble(分钟)'当'年''到Double(月1)'月'到Double(日)'日'到Double(小时)'；dayBase=24 * 60 * 60 * 1000//以毫秒为单位计算基数。1天等于24*60*60*1000毫秒hourBase=60 * 60 * 1000//计算以毫秒为单位的小时基数。1小时等于60*60*1000毫秒分钟基数=60 * 1000；//计算以毫秒为单位的分钟基数。1分钟等于60*1000毫秒secondBase=1000//计算以毫秒为单位的基本秒数。1秒等于1000毫秒天=math . floor(Datesub/day base)；//计算天数，记下限值。例如，5.9天=5天小时=数学。下限(日期子%日基数/小时基数)；//计算小时数，记下极限值。例如20.59小时=20小时分钟=数学。下限(日期子%天基数%小时基数/分钟基数)；//计算分钟数，记下极限值。例如20.59分钟=20分钟秒=数学。下限(日期子%天基数%小时基数%分钟基数/秒基数)；//计算秒，记下极限值。如果20.59秒=20秒//当天数小于或等于0时，当if (day=0) {timehtml=toDouble(分钟)' minutes' toDouble(秒)' seconds '时，无需显示' to double(分钟)'；}else{ timeHtml=day' toDouble(分钟)' min ' to double(秒)'；} $(' #倒计时')。html(TiME HTMl)；}//当小时、分钟、秒钟小于10时，会显示为个位数，很难看，需要前面加0。函数toDouble(num){ if(num 10){返回' 0 ' num} else { return ' ' num} } $(function(){ setInterval(function(){倒计时(2016，9，1，10，0))；},1000);});/script操作的呈现如下：

更多对jQuery感兴趣的读者，请查看本网站主题：《jQuery日期与时间操作技巧总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》。

希望本文对大家的jQuery程序设计有所帮助。