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

倒计时效果

难度初级
时长32分
学习人数
综合评分9.63
561人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.5 逻辑清晰
  • 各个日期时间笔记
    查看全部
    0 采集 收起 来源:效果简介

    2015-12-18

  • <script type="text/javascript" language="javascript"> window.onload=function() { showTime(); } function showTime() { var nowtime=new Date();//当前时间 var endtime=new Date("2015/12/17,20:36:00");//结束时间 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); /*alert(m);*/ document.getElementById('leftTime').innerHTML='还剩 '+d+'天'+h+'小时'+m+'分钟'+s+'秒'; //判断活动是否结束 if(lefttime<=0) { document.getElementById('leftTime').innerHTML='团购已结束!'; } setTimeout(showTime,500);//showtime是一个函数,500毫秒 } </script> </head> <body> <div class="content3"> <div class="time"><span id="leftTime"></span></div> </div> </body> </html> 采用这样的方式,团购结束后就不会出现 ‘还剩’两个字了,哈哈~
    查看全部
    0 采集 收起 来源:限时抢

    2018-03-22

  • 时间有关函数
    查看全部
    0 采集 收起 来源:效果简介

    2015-12-15

  • 倒计时 window.onload=function(){ showTime(); var curtime = new Date(); var endtime =new Date("2016,06,06"); var lefttime=endtime.getTime()-curtime.getTime(); var lefttime1=Math.ceil(lefttime/(24*60*60*1000)); document.getElementById('timeshow').innerHTML=lefttime1;
    查看全部
    0 采集 收起 来源:倒计时时差

    2018-03-22

  • 时间函数包括以下几种
    查看全部
    0 采集 收起 来源:效果简介

    2015-12-14

  • Math.ceil()方法,向上取整函数
    查看全部
    0 采集 收起 来源:倒计时时差

    2015-12-13

  • 定义日期对象
    查看全部
    0 采集 收起 来源:效果简介

    2015-12-12

  • 获取不同时间的方法
    查看全部
    0 采集 收起 来源:效果简介

    2015-12-10

  • 获取时间
    查看全部
    0 采集 收起 来源:效果简介

    2015-12-07

  • 自己定义的结束时间var timedate=new Date("2015,12,08")必须要加引号。否则计算出来的时间差是错误的。时间可以用‘,’‘-’‘/’来隔开
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 使用JavaScript技术,实现使用时间差来转换倒计时效果。
    查看全部
    0 采集 收起 来源:编程练习

    2015-12-04

  • 使用JavaScript的技术,输出当前系统时间到页面指定位置。
    查看全部
    0 采集 收起 来源:编程练习

    2015-12-04

  • Date对象的月份从0开始
    查看全部
    0 采集 收起 来源:效果简介

    2015-12-03

  • Date对象的年份
    查看全部
    0 采集 收起 来源:效果简介

    2015-12-03

  • 定义日期对象
    查看全部
    0 采集 收起 来源:效果简介

    2015-12-02

举报

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

微信扫码,参与3人拼团

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

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