为了账号安全,请及时绑定邮箱和手机立即绑定

倒计时效果

难度初级
时长32分
学习人数
综合评分9.63
561人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.5 逻辑清晰
  • @时间效果实现 window.onload=function(){ showTime(); } //对分和秒补位处理,个位数前面加一个0显示 function checkTime(i){ if(i<10){ i="0"+i; } return i; } function showTime(){...setTimeout(showTime,500)} Ps1:setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。 Ps2:星期处理: 0--星期天 1--星期一 ... 6--星期六 解决方案:switch或者数组。 【温馨提示:JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我,加我慕课好友,互相学习,共同进步!】
    查看全部
    0 采集 收起 来源:时间效果实现

    2018-03-22

  • 限时抢 <script language="javascript" type="text/javascript"> window.onload=function(){ showTime(); } function showTime(){ var endtime=new Date("2016/7/17,12:20:12");//结束时间 var nowtime=new Date();//当前时间 var lefttime=parseInt((endtime.getTime()-nowtime.getTime())/1000); var d=parseInt(lefttime/(24*60*60));//换算出天 var h=parseInt(lefttime/(60*60)%24);//换算出小时后,取模运算,获得具体的小时数 var m=parseInt(lefttime/60%60);//换算出分钟,一小时等于60分钟,所以对60取模 var s=parseInt(lefttime%60); document.getElementById('leftTime').innerHTML=d+'天'+h+'小时'+m+'分'+s+'秒'; //判断活动是否结束 if(lefttime<=0){ document.getElementById('leftTime').innerHTML='团购已结束!'; } setTimeout(showTime,500);//showtime是一个函数,500毫秒 } </script> <body> <div class="content3"> <div class="time">还剩 <span id="leftTime"></span></div> </div> </body>
    查看全部
    0 采集 收起 来源:限时抢

    2018-03-22

  • 时间效果实现 getDay()返回星期几(0-6)//0:星期日,1:星期一,...6:星期六 <script type="text/javascript"> window.onload=function(){ showTime(); } function checkTime(i){ //对分和秒补位处理,个位数前面加一个0显示 if(i<10){ i="0"+i; } return i; } function showTime(){ var myday=new Date(); var year=myday.getFullYear(); var month=myday.getMonth()+1; var date=myday.getDate(); var d=myday.getDay(); var h=myday.getHours(); var m=myday.getMinutes(); var s=myday.getSeconds(); m=checkTime(m); s=checkTime(s); var weekday=new Array(7); var d = myday.getDay(); weekday[0]="星期日"; weekday[1]="星期一"; weekday[2]="星期二"; weekday[3]="星期三"; weekday[4]="星期四"; weekday[5]="星期五"; weekday[6]="星期六"; document.getElementById('show').innerHTML=year+'年'+month+'月'+date+'日'+weekday[d]+h+':'+m+':'+s; setTimeout(showTime,500); } </script> <body> <div id="show"></div> </body>
    查看全部
    0 采集 收起 来源:时间效果实现

    2018-03-22

  • function FreshTime() { var endtime=new Date("2017/5/15,12:20:12");//结束时间 var nowtime = new Date();//当前时间 var lefttime= endtime.getTime()-nowtime.getTime(); var d= parseInt(lefttime/(1000*60*60*24)) ; var h= parseInt(lefttime/(1000*60*60) % 24) ; var m= parseInt(lefttime/(1000*60)%(60)); var s= parseInt((lefttime/1000)%60) ; document.getElementById("LeftTime").innerHTML=d+"天"+h+"小时"+m+"分"+s+"秒"; if(lefttime<=0){ document.getElementById("LeftTime").innerHTML="团购已结束"; clearInterval(sh); } var sh; sh= setTimeout(FreshTime,500); } window.onload=function(){ FreshTime(); }
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • var myDate=new Date();//前提:new Date();对象中调用。 注意:年份获取推荐使用getFullYear();,因为getYear();返回的年份不完整。 【温馨提示:JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我,加我慕课好友,互相学习,共同进步!】
    查看全部
    0 采集 收起 来源:效果简介

    2016-08-26

  • date对象
    查看全部
    0 采集 收起 来源:效果简介

    2016-06-17

  • 限时抢 <script language="javascript" type="text/javascript"> window.onload=function(){ showTime(); } function showTime(){ var endtime=new Date("2016/7/17,12:20:12");//结束时间 var nowtime=new Date();//当前时间 var lefttime=parseInt((endtime.getTime()-nowtime.getTime())/1000); var d=parseInt(lefttime/(24*60*60));//换算出天 var h=parseInt(lefttime/(60*60)%24);//换算出小时后,取模运算,获得具体的小时数 var m=parseInt(lefttime/60%60);//换算出分钟,一小时等于60分钟,所以对60取模 var s=parseInt(lefttime%60); document.getElementById('leftTime').innerHTML=d+'天'+h+'小时'+m+'分'+s+'秒'; //判断活动是否结束 if(lefttime<=0){ document.getElementById('leftTime').innerHTML='团购已结束!'; } setTimeout(showTime,500);//showtime是一个函数,500毫秒 } </script> <body> <div class="content3"> <div class="time">还剩 <span id="leftTime"></span></div> </div> </body>
    查看全部
    0 采集 收起 来源:限时抢

    2018-03-22

  • 倒计时时差 <script type="text/javascript"> window.onload=function(){ var curtime=new Date(); var endtime=new Date("2016,7,6"); var lefttime=Math.ceil((endtime.getTime()-curtime.getTime())/(24*60*60*1000)); //getTime()返回毫秒数,1天=24小时,1小时=60分,1分=60秒,1秒=1000毫秒 document.getElementById('timeShow').innerHTML=lefttime; } </script> <body> <div id="timeShow"></div> </body>
    查看全部
    0 采集 收起 来源:倒计时时差

    2018-03-22

  • 时间效果实现 getDay()返回星期几(0-6)//0:星期日,1:星期一,...6:星期六 <script type="text/javascript"> window.onload=function(){ showTime(); } function checkTime(i){ //对分和秒补位处理,个位数前面加一个0显示 if(i<10){ i="0"+i; } return i; } function showTime(){ var myday=new Date(); var year=myday.getFullYear(); var month=myday.getMonth()+1; var date=myday.getDate(); var d=myday.getDay(); var h=myday.getHours(); var m=myday.getMinutes(); var s=myday.getSeconds(); m=checkTime(m); s=checkTime(s); var weekday=new Array(7); weekday[0]="星期日"; weekday[1]="星期一"; weekday[2]="星期二"; weekday[3]="星期三"; weekday[4]="星期四"; weekday[5]="星期五"; weekday[6]="星期六"; document.getElementById('show').innerHTML=year+'年'+month+'月'+date+'日'+weekday[d]+h+':'+m+':'+s; setTimeout(showTime,500); } </script> <body> <div id="show"></div> </body>
    查看全部
    0 采集 收起 来源:时间效果实现

    2018-03-22

  • JavaScript Date 日期对象 Date()返回当前的日期和时间 getDate()查看Date对象并返回日期(1-31) getDay()返回星期几(0-6) getHours()返回小时数(0-23) getMinutes()返回分钟数(0-59) getMonth()返回月份值(从0开始,+1) getSeconds()返回秒数 getTime()返回毫秒数 getYear()返回年份 获得年最好用 getFullYear()方法来操作(完整格式 如2014) var myDate=new Date() //new:定义对象的关键词
    查看全部
    0 采集 收起 来源:效果简介

    2016-06-16

  • var myDate=new Date(
    查看全部
    0 采集 收起 来源:效果简介

    2016-06-15

  • math.ceil()方法
    查看全部
    0 采集 收起 来源:倒计时时差

    2016-06-14

  • 毫秒换算成天数
    查看全部
    0 采集 收起 来源:倒计时时差

    2016-06-13

  • m=m<10?"0"+m:m; s=s<10?"0"+s:s; 三元运算符判断 分 秒 是否小于10
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 秒<10加0
    查看全部
    0 采集 收起 来源:时间效果实现

    2018-03-22

举报

0/150
提交
取消
课程须知
您至少具备HTML/CSS、JavaScript的基础知识
老师告诉你能学到什么?
1.学会使用日期对象Date和方法。2.学会不同时间内容的获取。3.学会计算时差的方法。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!