JS实现可调整倒计时间代码分享

这是一款基于爪哇岛描述语言实现可调整倒计时间的代码，我们可以手动调整倒计时间，可以精确到"天、时、分、秒",而且样式布局也很新颖。

先上运行效果图：

效果演示源码下载

为大家分享的可调整倒计时间的射流研究…代码如下（浏览器中如果不能正常运行，可以尝试切换浏览模式)。

hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /title可调整倒计时间的射流研究…代码/title！-[如果LTE IE 6]脚本src=' http : js/DD _ lathrdpng _ 0。0 .8a。js ' type=' text/JavaScript '/脚本脚本type=' text/JAVAScript ' DD _ lathredpng。fix(' a ')；/脚本！[endif]-link href=' style。CSS ' rel='样式表type=' text/CSS '/head脚本类型=' text/JavaScript '窗口。onload=function(){ var oFill=document。getelementbyid(' fill _ in ')；var oInputYear=ofill。getelementsbytagname(' input ')[0]；var oInputMonth=ofill。getelementsbytagname(' input ')[1]；var oInputDay=ofill。getelementsbytagname(' input ')[2]；var oBtn=文档。getelementbyid(' go ')；var obtn 2=文档。getelementbyid(' go2 ')；var oTxtDay=文档。getelementbyid(' day ')；var oTxtHour=文档。getelementbyid(' hour ')；var oTxtMin=文档。getelementbyid(' min ')；var oTxtSec=文档。getelementbyid(' sec ')；var oTxtTarget=文档。getelementbyid(' target ').getElementsByTagName(' strong ')[0]；定义变量计时器=nullobtn 2。onclick=function(){ timer=setInterval(updateTime，1000)；updateTime()；otxttarget。innerhtml=oinputyear。“价值”年' oInputMonth.value '月' oInputDay.value '日；};函数fillZero(num，digit){ var str=' num；while(str。长度数字){ str=' 0 ' str}返回字符串；}函数updateTime(){ var odadend=new Date()；var oDateNow=新日期();var iRemain=0；var IdAy=0；var iHour=0；var IMin=0；var ISec=0；奥达登。设置整年(parsent(oinputyear)。值))；奥达登。设置月(parsent(OinputMountain。值)-1)；奥达登。setdate(parsent)(OinputDay。值))；奥达登。sethours(0)；奥达登。setminutes(0)；奥达登。setseconds(0)；iRemain=(odatend。gettime()-odatenow。gettime())/1000；if(iRemain=0) { clearInterval(定时器);iRemain=0；警报('已过时间');} IDAy=ParSeint(iRemain/86400)；iRemain %=86400 ihour=parsent(iRemain/3600)；iRemain %=3600 imin=parsent(iRemain/60)；iRemain %=60iSec=iRemainotxtday。innerhtml=fillZero(iDay，3)；otxthour。innerhtml=fillZero(iHour，2)；奥特克斯敏。innerhtml=fillZero(Imin，2)；otxtsec。innerhtml=fillZero(iSec，2)；} var t=nullvar=0；var bShow=TrueSetInterval(function(){ if(bShow){ start move(100)}；} else { startMove(0)；} bShow=！bShow函数start move(iTarget){ if(t)clearInterval(t)；t=setInterval(function(){ doMove(itar get))；}, 30);}函数doMove(itar get){ var iSpeed=0；if(AlphaItarget){ isPeed=2；} else { iSpeed=-2；} if(alpha==itar get){ clearInterval(t)；t=null if(iTarget==100){ startMove(0)；} } else { alpha=iSpeedobtn 2。风格。filter=' alpha(opa city 3360 ' alpha ')'；obtn 2。风格。不透明度=alpha/100；} } }, 2000);};/scriptbodydiv id=' miov ' div id=' fill _ in ' span class=' title '请输入：/span输入类型=' text ' class=' long _ text ' value=' 2015 '/span class=' space 1 '年/span输入类型=' text ' class=' text ' value=' 10 '/span class=' space 2 '月/span输入类型=' text ' class=' text ' value=' 1 '/span class=' space 3 '日/span/div a href=' JAVAScript :id=' go ' class=' go '/a a href=' JAVAScript :id=' go2 ' class=' active '/a p id=' target '现在距离- strong2015年10月一日/strong -还剩：/p div id=' date ' p id=' day ' 000/p p id=' hour ' 00/p p id=' min ' 00/p p id=' sec ' 00/p/div/div/body/html

以上就是为大家分享的射流研究…实现可调整倒计时间代码，是不是很赞，希望大家可以喜欢。