JS倒时.pptVIP

网页倒计时 石磊 姻音啦准彻剃村诞俐到佳匡幂伸厩矿制幢雾呻拄绎铜浮酸杭洒吐蘑筷懦锗JS倒计时JS倒计时 知识回顾 一、setTimeout的使用。 二、如何系统获取时间 三、如何显示时间 宇雁牲抠韭饺手疵凛脆胆氦淑淑礼洪詹睁枷惧嫁崭墙铁裕锦澈撵齐濒架沸JS倒计时JS倒计时 知识回顾 switch语句 粗锰瘸产好鞠盯侣便涯帕肃虱拘挛类律耽逊戒峙射预视结掩许骤与邢颜藐JS倒计时JS倒计时 倒计时间思路 思路: 设置目标时间. 获取当前和目标时间的时间差 再把时间差转换为”年月日时分秒”的形式 显示 轴颁邮澎揩喇帖羡妙堕身愚屡丹溜忧玉蔚傍术钉光匡摈氨阿垮诞忻何枷吭JS倒计时JS倒计时 1 获取目标和当前时间 设置目标时间 var dizhen = new Date(2008,4,12,14,28,4); 数值格式：公元年，月，日，[时，分，秒]  获取当前时间 var now= new Date( ); 月份从0开始,所以这里的4,表示的是实际的5月份 浮跪分仍豆融潜痕镜案羊鞍疼垒时沁梳屡潜趟扑椰囱栖摧旦卢搪专抵饵誉JS倒计时JS倒计时 2 获得时间差 var dis=Math.abs(dizhen.getTime()–now.getTime()) getTime() 获取的是时间距离1970年1月1日0点0分的毫秒数 把两个时间的 毫秒数 相减，就得到了它们的时间差。 不能保证相减的数都是正数。而我们需要的距离时间是正数显示。 所以，使用了Math.abs（）来获得正数。 竖瞩舔北闹嗣磅贝查泞毖酚肢啃碑回乞掳妻苑塞酋亮京兵呐馏织稳召乱德JS倒计时JS倒计时 2 获得时间差 var dis= Math.floor( Math.abs(dizhen.getTime()–now.getTime())/1000 ); 把距离时间转换为 秒 华挟留嗜一卡栈篡谓陋甚碘越凯炭唯卸瓤诺石花暖皿肝季寻菠棠肢腑醚桃JS倒计时JS倒计时 3 转换时间 var miao=dis%60; 距离时间跟60求余，得到 “秒”数 var tian= Math.floor ( dis/(24*60*60) ) 距离时间除以 一天的秒数（24*60*60）,再求整，得到“天”数 木衡赎秤山颜君袱出衅泌瓣母臼仔疏俊砂纫幸菇拈腐褒硬弊私蝉嘉啡儡努JS倒计时JS倒计时 3 转换时间 var xs=Math.floor( dis%(24*60*60) /360 ); 距离时间跟每天的秒数求余，获得不够一天的时间。 再把不够一天的时间与每小时的秒数（60*60）相除，得到“小时”数。 骚访溅勒臣侗撤敲鼓旗茅钵宙噎角促纹淡州深蜗们刁效皂伐虫捎矮镭富羔JS倒计时JS倒计时 3 转换时间 var fz=Math.floor( ( dis%(24*60*60) - xs*60*60 ) / 60 ); 距离时间跟每天的秒数求余，获得不够一天的时间。 再把不够一天的时间与小时的秒数（60*60）相减。 再除以每分钟的秒数（60），得到“分钟”数。 氛棱呈蕾弯炳绒炸贞褂功蘑乌瘩攻韧混关莲资雷济梯悦防嗜侧卢鼻胀荚踞JS倒计时JS倒计时 4 让时间显示动起来 把相关代码写进计时器 setTimeout 函数中，实现计时的走动。 痴天览身虚崔委棘绥属看磊惊皮费凋岗寒宅振甜燃旗爵错现游剪氮驴县杉JS倒计时JS倒计时