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

倒计时效果

难度初级
时长32分
学习人数
综合评分9.63
561人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.5 逻辑清晰
  • 因为setTimeout(表达式,延时时间)在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次 而setInterval(表达式,交互时间)则不一样,它从载入后,每隔指定的时间就执行一次表达式 所以,完全是不一样的 很多人习惯于将setTimeout包含于被执行函数中,然后在函数外再次使用setTimeout来达到定时执行的目的 这样,函数外的setTimeout在执行函数时再次触发setTimeout从而形成周而复始的定时效果 使用的时候各有各的优势,使用setInterval,需要手动的停止tick触发。而使用方法中嵌套setTimeout,可以根据方法内部本身的逻辑不再调用setTimeout就等于停止了触发。 其实两个东西完全可以相互模拟,具体使用那个,看当时的需要而定了。就像for可以模拟所有的循环包括分支,而还提供了do、while一样。 //每60秒执行myFunction()一次 setInterval("myFunction()",60000); funcition myFunction(){ alert(’myFunction()’); } //每60秒执行一次myFunction() setTimeout("myFunction()",60000); //需要函数触发 //如 放置在 body 的 onload事件里面
    查看全部
    1 采集 收起 来源:编程练习

    2018-03-22

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

    2018-03-22

  • getMonth()返回的月份要+1
    查看全部
    0 采集 收起 来源:效果简介

    2017-04-14

  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>团购——限时抢</title> <link rel="stylesheet" href="style.css" /> </head> <body> <div class="content3"> <div class="time">还剩 <span id="LeftTime"></span></div> </div> <script> function FreshTime() { var endtime=new Date("2017/3/15,12:20:12");//结束时间 var nowtime = new Date();//当前时间 var lefttime= parseInt((endtime.getTime()-nowtime.getTime())/1000) ; d=parseInt(lefttime/(60*60*24)); h= parseInt(lefttime/(60*60)%24) ; m= parseInt(lefttime/(60)%60) ; s= parseInt(lefttime%60) ; document.getElementById("LeftTime").innerHTML=d+"天"+h+"小时"+m+"分"+s+"秒"; if(lefttime<=0){ document.getElementById("LeftTime").innerHTML="团购已结束"; clearInterval(sh); } } // FreshTime() var sh; setInterval("FreshTime()",1000); </script> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 2014/5/15,12:20:12
    查看全部
    0 采集 收起 来源:编程练习

    2017-04-13

  • Math 函数
    查看全部
    0 采集 收起 来源:倒计时时差

    2017-04-11

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

    2017-04-10

  • var endtime=new Date("year,m,d")
    查看全部
    0 采集 收起 来源:倒计时时差

    2018-03-22

  • 1、使用new Date()创建date对象 2、使用getFullYear()获取完整的年度 3、使用getMonth()+1获取准确的月份 4、时分秒的获取的api,后面都带s,例如getHours、getMinutes、getSeconds 5、分钟和秒返回的都是number类型,对于小于10的数,需要前面补0
    查看全部
    0 采集 收起 来源:编程练习

    2017-04-10

  • <p id="p1">当天的当时的日期</p> <script type="text/javascript"> var p1 = document.getElementById("p1") window.onload=function(){ showTime() } function showTime(){ var weekday = new Array(7); weekday[0]="星期日"; weekday[1]="星期一"; weekday[2]="星期二"; weekday[3]="星期三"; weekday[4]="星期四"; weekday[5]="星期五"; weekday[6]="星期六"; var date = new Date() var year = date.getFullYear() var month = date.getMonth()+1<=9 ? "0"+(date.getMonth()+1) : date.getMonth()+1 var dat = date.getDate() var day = date.getDay() var hours = date.getHours()<=9 ? "0"+(date.getHours()) : date.getHours() var min = date.getMinutes()<=9 ? "0"+(date.getMinutes()) : date.getMinutes() var seds = date.getSeconds()<=9 ? "0"+(date.getSeconds()) : date.getSeconds() p1.innerHTML=("当天的时间是:"+year+"年"+month+"月"+dat+"日"+hours+":"+min+":"+seds+weekday[day]) setTimeout(showTime,1000) } </script>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 计算两个时间差 一般是先创建两个时间对象,使用new Date("yyyy,MM,dd");的方式 然后通过 date.getTime()获取对应的毫秒数,进行减法 用得到的差,再转换成天数、小时数等 配合Math.ceil()向上取整的方式
    查看全部
    0 采集 收起 来源:倒计时时差

    2018-03-22

  • Date对象参考:http://www.w3school.com.cn/jsref/jsref_obj_date.asp。 注意: 1、getMonth()返回的月份是从0开始的,也就是说,0表示一月。 2、获取年份最好用getFullYear()。因为getYear()有个bug:对于1990~1999间的年份返回2位数,其他年份返回4位。而且自ES3开始,已不再使用getYear()。 3、getDay()是返回星期几,国外一个星期从星期天开始,0表示星期天;而getDate()才是返回当月第几天。这两个不能弄混了。
    查看全部
    0 采集 收起 来源:效果简介

    2017-04-07

  • var weekday='星期'+'日一二三四五六'.charAt(new Date().getDay());
    查看全部
    0 采集 收起 来源:编程练习

    2017-04-07

  • Date对象参考:http://www.w3school.com.cn/jsref/jsref_obj_date.asp。 注意: 1、getMonth()返回的月份是从0开始的,也就是说,0表示一月。 2、获取年份最好用getFullYear()。因为getYear()有个bug:对于1990~1999间的年份返回2位数,其他年份返回4位。而且自ES3开始,已不再使用getYear()。 3、getDay()是返回星期几,国外一个星期从星期天开始,0表示星期天;而getDate()才是返回当月第几天。这两个不能弄混了。
    查看全部
    0 采集 收起 来源:效果简介

    2017-04-07

  • 看了一下其他同学的代码,var weekday='星期'+'日一二三四五六'.charAt(new Date().getDay());用这种方法来表示星期非常简洁,很赞
    查看全部
    2 采集 收起 来源:编程练习

    2017-04-04

举报

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

微信扫码,参与3人拼团

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

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