基于爪哇岛描述语言倒计时效果

本文实例为大家分享了射流研究…倒计时效果的具体代码，供大家参考，具体内容如下

Index.html

！DOCTYPE html htmlheadtitle倒计时/titlestyle type='text/css ' .colockbox { width:500px高度：20 pxcolor: # 000000}。colockbox span { float:left显示：块；宽度：20 px高度：20 px线高：20 pxfont-size :18 px字体粗细：加粗；文本对齐：居中；color : # fffftext-缩进：3 px} .方形{ float:left宽度：26 px高度：20 px背景色： # 222222;边界半径：3 pxpadding:0px右边距：5 px}/style脚本类型=' text/JavaScript ' src=' http : jquery-1。11 .3 .js '/script脚本类型=' text/JavaScript ' $(function(){ 0倒计时(' 2016/12/25 23:000:00 '，' # colockbox 1 ')；});函数倒计时(时间，id){ var day_elem=$(id).查找('。day’)；var hour_elem=$(id).查找('。小时');var minute_elem=$(id).查找('。分钟');var second_elem=$(id).查找('。第二个');变量结束时间=新日期（时间)。getTime()，//月份是实际月份-1系统秒=(结束时间-新日期()。getTime())/1000；var timer=setInterval(function(){ if(sys _ second 1){ sys _ second-=1；var day=数学。楼层((sys _ second/3600)/24)；var hour=数学。floor((sys _ second/3600)% 24)；定义变量分钟=数学。floor((sys _ second/60)% 60)；var秒=数学。floor(sys _ second % 60)；day_elem $(day_elem).文字（日);//计算天$(小时_分钟)。文字（小时10?0 '小时：小时)；//计算小时$(分钟_elem).文本(10分钟？0 '分钟：分钟);//计算分钟$(秒_elem).文本（秒10?0 '秒：秒);//计算秒杀} else { clearInterval(计时器);} }, 1000);}/script/head dydiv class=' colockbox ' id=' colockbox 1 ' div class=' square ' span class=' day ' 00/span/div span style=' color : gray；font-size :15 px' float:left '天/span div class=' square ' span class=' hour ' 00/span/div span style=' color : gray；' font-size :15 px'' float:left '时/span div class=' square ' span class=' minute ' 00/span/div span style=' color : gray；font-size :15 px' float:left '分/span div class=' square ' span class=' second ' 00/span/div span style=' color : gray；' font-size :15 px'' float:left '秒/span/div/body/html运行结果如图：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。