本文实例为大家解析了射流研究…实现倒计时的详细过程,供大家参考,具体内容如下
注释:parseInt()函数可解析一个字符串,并返回一个整数。语法:parseInt(字符串,基数)
例:
parseInt(' 10 ');//返回10par eint(' 19 ',10);//返回19(10 ^ 9)parsent(' 11 ',2);//返回3 (2 1)parseInt('17 ',8);//返回15(8 7)个解析器(' 1f ',16);//返回31(16 15)ParSeint(' 010 ');//未定:返回10 或8实现倒计时代码
超文本标记语言代码:
!DOCTYPE html html head meta charset=' utf-8 ' title js实现倒计时(天数,时,分,秒)/title/head body on load=' left TiMer()' H2剩余时间:/H2 div id=' timer '/div/body/html JavaScript代码:
脚本语言=' JavaScript '类型=' text/JavaScript '函数左计时器(年、月、日、时、分、秒){ var leftTime=(新日期(年、月-1,日、时、分、秒))-(新日期());//计算剩余的毫秒数var days=parsent(剩余时间/1000/60/60/24,10);//计算剩余的天数var hours=parsent(剩余时间/1000/60/60% 24,10);//计算剩余的小时定义变量分钟=parsent(左时间/1000/60% 60,10);//计算剩余的分钟定义变量秒=parsent(左时间/1000% 60,10);//计算剩余的秒数天数=检查时间(天);小时=检查时间(小时);分钟=检查时间(分钟);秒=检查时间(秒);setInterval('leftTimer(2016,11,11,11,11,11 '),1000);document.getElementById('timer ').innerHTML=天数'天小时小时分钟分'秒'秒;}函数checkTime(i){ //将0-9的数字前面加上0,例一变为01 if(i10){ I=' 0 ' I;}返回我;}/脚本实现效果:
小编在作者分享的文章基础上再为大家整理一段完整的代码,拿去用吧!
html正文输入类型=' text '值=' id=' date 2 '输入类型=' button ' onclick=' go(文档。getelementbyid('日期2 ').值);'值='开始div id=' timer '/div脚本类型=' text/JavaScript '//倒计时var _ ordertimer=nullvar数据=新日期();document.getElementById('date2 ').值=数据。getfullyear()'-'(数据。getmonth()1)'-'数据。getdate()' '数据。gethours()' : '数据。getminutes()' : '数据。getseconds();//当前时间函数左侧计时器(结束日期){ var左侧时间=(新日期(结束日期))-新日期();//计算剩余的毫秒数var days=parsent(剩余时间/1000/60/60/24,10);//计算剩余的天数var hours=parsent(剩余时间/1000/60/60% 24,10);//计算剩余的小时定义变量分钟=parsent(左时间/1000/60% 60,10);//计算剩余的分钟定义变量秒=parsent(左时间/1000% 60,10);//计算剩余的秒数天数=检查时间(天);小时=检查时间(小时);分钟=检查时间(分钟);秒=检查时间(秒);if(天数=0 ||小时数=0 ||分钟=0 ||秒=0)文档。getelementbyid(“计时器”).innerHTML=天数'天小时小时分钟分'秒'秒;if(天数=0小时=0分钟=0秒=0){ window。clear interval(_ order timer);_ ordertimer=null} }函数checkTime(i) { //将0-9的数字前面加上0,例一变为01 if(I ^ 10){ I=' 0 ' I;}返回我;}函数go(v){ var Date 1=新日期(),data 2=新日期(v);if(data2date1)返回;//设置的时间小于现在时间退出_ order timer=setInterval(function(){ left timer(数据2)},1000);}/脚本/正文/html效果图:
相关阅读:
基于射流研究…代码实现简单易用的倒计时x天x时x分x秒效果
射流研究…实现根据用户输入分钟进行倒计时功能
射流研究…实现用户注册时获取短信验证码和倒计时功能
基于射流研究…实现发送短信验证码后的倒计时功能(无视页面刷新,页面关闭不进行倒计时功能)
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。