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

倒计时效果

难度初级
时长32分
学习人数
综合评分9.63
561人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.5 逻辑清晰
  • setTimeout和setInterval<br> 这两种方法可能看起来非常像,而且显示的结果也会很相似,不过两者的最大区别就是,setTimeout方法不会每隔5秒钟就执行一次showTime函数,它是在每次调用setTimeout后过5秒钟再去执行showTime函数。这意味着如果showTime函数的主体部分需要2秒钟执行完,那么整个函数则要每7秒钟才执行一次。而setInterval却没有被自己所调用的函数所束缚,它只是简单地每隔一定时间就重复执行一次那个函数。 如果写在函数外面用setInterval就可以,写在函数里面用setTimeout()回调函数本身;
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

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

    2016-09-15

  • %取余; var endtime = new Date("2016/5/15,12:20:12");设置时间 <script><br> function FreshTime() {<br> var endtime = new Date("2016/5/15,12:20:12"); //结束时间<br> var nowtime = new Date(); //当前时间<br> var lefttime = parseInt((endtime.getTime() - nowtime.getTime()) / 1000); //毫秒除以1000得到秒并取整<br> d = parseInt(lefttime / 3600 / 24);<br> h = parseInt((lefttime / 3600) % 24);<br> m = parseInt((lefttime / 60) % 60);<br> s = parseInt(lefttime % 60);<br> document.getElementById("LeftTime").innerHTML = d + "天" + h + "小时" + m + "分" + s + "秒";<br> if (lefttime <= 0) {<br> document.getElementById("LeftTime").innerHTML = "团购已结束";<br> clearInterval(sh);<br> }<br> }<br> FreshTime()<br> var sh;<br> sh = setInterval(FreshTime, 1000);<br> </script><br>
    查看全部
    0 采集 收起 来源:限时抢

    2018-03-22

  • Math对象方法 round()四舍五入取整 floor()向下取整 ceil()向上取整 parseInt()取整 valueOf() 返回 Math 对象的原始值
    查看全部
    0 采集 收起 来源:练习题

    2016-09-15

  • IE和edge都不支持new Date("2016,6,6")这种日期格式,改写成new Date("2016/6/6")后,这四个浏览器都显示正常了
    查看全部
    0 采集 收起 来源:倒计时时差

    2018-03-22

  • 请注意一下两个表达式的区别: //创建的是一个代表2016年11月1号的日期对象。 var timedate=new Date(2016,10,1) timedate.getMonth()-->10 ////创建的是一个代表2016年10月1号的日期对象。 var timedate2=new Date("2016,10,1") timedate.getMonth()-->9
    查看全部
    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> Ps:自定义时间时,若 new Date(2017,5,19);-->2017,6,19; 若 new Date('2017,5,19');-->2017,5,19;
    查看全部
    0 采集 收起 来源:倒计时时差

    2018-03-22

  • 1 获取年用 getFullYear(); 2 获取日 getDate(); 3 获取星期 getDay()配合数组使用; 4 获取时分秒和面注意加s 5 获取月 getMonth()+1 6 判断 分秒的位数 7 使用setTimeOut()来循环调用函数
    查看全部
    0 采集 收起 来源:时间效果实现

    2016-09-14

  • Date()返回当前的日期和时间 getDate()查看Date对象并返回日期(1~31) getDay()返回星期几(0~6) getHours()返回小时数(0~23) getMinutes()返回分钟数(0~59) getMonth()返回月份值(从0开始,+1) getSeconds()返回秒数 getTime()返回毫秒数 getYear()返回年份 获得年最好用 getFullYear()方法来操作(完整格式 如2014) 用getFullYear()可以获取完整年月日,记一下 原来获取月份要+1,因为是从0开始的。
    查看全部
    1 采集 收起 来源:效果简介

    2016-09-14

  • javascript data方法
    查看全部
    0 采集 收起 来源:效果简介

    2016-09-14

  • new Date(2015,12,26)会多出一个月的天数,而加了双引号后却不会? new Date(2015,12,26)会多出一个月的天数,改为new Date(“2015,12,26”)却不会,请问这个是什么原因呢? 不加引号时,第二个参数是指第几个月,比如你这里的 12 就是第12个月,这明显已到了下一年的第一个月,因为月份是从0开始的。加引号时,就相当于格式化时间格式。 但 new Date("2015/12/16"); 此格式在IE及谷歌都可用
    查看全部
    1 采集 收起 来源:编程练习

    2018-03-22

  • 简化倒计时效果 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>当前系统时间</title> <link rel="stylesheet" href="style.css" /> <script language="javascript" type="text/javascript"> window.onload = function(){ showTime(); } function showTime(){ var now=new Date(); var year= now.getFullYear(); var month= now.getMonth()+1; var day = now.getDate(); var h = now.getHours(); var m = now.getMinutes(); var s = now.getSeconds(); m=m<10?"0"+m:m; s=s<10?"0"+s:s; var weekday='星期'+'日一二三四五六'.charAt(new Date().getDay()); document.getElementById("show").innerHTML=""+year+"年"+month+"月"+day+"日 "+ weekday +h+":"+m+":"+s; t=setTimeout('showTime()',500); } </script> </head> <body> <div class="content1"> <div id="show">显示时间的位置</div> </div> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • setInterval()的格式: 下面两种是对的 setInterval("FreshTime()",500) "函数名()" setInterval(FreshTime,500) 函数名 下面是错的 setInterval(FreshTime(),500)
    查看全部
    1 采集 收起 来源:编程练习

    2018-03-22

  • 研究生考试时间
    查看全部
    0 采集 收起 来源:编程练习

    2016-09-11

  • 倒计时
    查看全部
    0 采集 收起 来源:编程练习

    2016-09-05

举报

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

微信扫码,参与3人拼团

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

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