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

倒计时效果

难度初级
时长32分
学习人数
综合评分9.63
561人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.5 逻辑清晰
  • var year=now.getFullYear() ;中的FullYear要大写
    查看全部
    0 采集 收起 来源:编程练习

    2017-04-03

  • 这是运用setTimeout()的方法,与前面setInterval()方法进行对比
    查看全部
    0 采集 收起 来源:编程练习

    2017-04-03

  • setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。
    查看全部
    0 采集 收起 来源:编程练习

    2017-04-03

  • setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
    查看全部
    0 采集 收起 来源:编程练习

    2017-04-03

  • 原理很清楚。setTimeout()的应用,以及时间的各种get方法的使用
    查看全部
    0 采集 收起 来源:限时抢

    2017-04-03

  • 终于碰到考数学的功底了
    查看全部
    0 采集 收起 来源:编程练习

    2017-04-02

  • 举个例子: new Date(2017,4,31)=new Date("2017,5,31")=new Date("May,31,2017")
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>限时抢</title> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript"> window.onload = function(){ showTime(); } function showTime(){ var endTime = new Date("2017/6/26,9:30:00"); var startTime = new Date(); var leftSeconds = parseInt((endTime.getTime()-startTime.getTime())/1000);//两个时间点之间的秒数 var d = parseInt(leftSeconds/(60*60*24));//天数,这个直接取整 var h = parseInt(leftSeconds/3600)%24;//注意这里,小时需要求余24,为了获取天数之外的小时数 var m = parseInt(leftSeconds/60)%60;//只获取残留的分钟数 var s = leftSeconds%60;//残留的秒数 if(leftSeconds<=0){ document.getElementById("LeftTime").innerHTML="团购已结束"; }else{ document.getElementById("LeftTime").innerHTML=d+"天"+h+"小时"+m+"分"+s+"秒"; setTimeout(showTime,500); } } </script> </head> <!-- 计算距离某个时间点的多少天多少小时多少分多少秒 --> <body> <div class="content3"> <div class="time">还剩 <span id="LeftTime"></span></div> </div> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>限时抢</title> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript"> window.onload = function(){ showTime(); } function showTime(){ var endTime = new Date("2017/6/26,9:30:00"); var startTime = new Date(); var leftSeconds = parseInt((endTime.getTime()-startTime.getTime())/1000);//两个时间点之间的秒数 var d = parseInt(leftSeconds/(60*60*24));//天数,这个直接取整 var h = parseInt(leftSeconds/3600)%24;//注意这里,小时需要求余24,为了获取天数之外的小时数 var m = parseInt(leftSeconds/60)%60;//只获取残留的分钟数 var s = leftSeconds%60;//残留的秒数 if(leftSeconds<=0){ document.getElementById("LeftTime").innerHTML="团购已结束"; }else{ document.getElementById("LeftTime").innerHTML=d+"天"+h+"小时"+m+"分"+s+"秒"; setTimeout(showTime,500); } } </script> </head> <!-- 计算距离某个时间点的多少天多少小时多少分多少秒 --> <body> <div class="content3"> <div class="time">还剩 <span id="LeftTime"></span></div> </div> </body> </html>
    查看全部
    0 采集 收起 来源:限时抢

    2018-03-22

  • <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>计算两日期之间的天数</title> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript"> window.onload = function(){ var start = new Date(); var end = new Date('2017,6,26');//自定义结束时间 var difference = end.getTime()-start.getTime(); var days = Math.ceil(difference/(1000*60*60*24)); document.getElementById('timeShow').innerHTML=days; } </script> </head> <!-- 计算两个时间差 一般是先创建两个时间对象,使用new Date("yyyy,MM,dd");的方式 然后通过 date.getTime()获取对应的毫秒数,进行减法 用得到的差,再转换成天数、小时数等 配合Math.ceil()向上取整的方式 --> <body> <div class="content2"> <div class="txtshow">距离设置时间还有<span id="timeShow"></span>天</div> </div> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

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

    2018-03-22

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

    2017-03-26

  • <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>date编程练习</title> <script language="javascript" type="text/javascript"> window.onload = function(){ showTime(); } function checkTime(i){ //补位处理 return i<10?'0'+i:i; } 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=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+"月"+day+"日 "+ weekday[now.getDay()] +h+":"+m+":"+s; t=setTimeout('showTime()',500) } </script> </head> <body> <div class="content1"> <div id="show">时间</div> </div> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Date对象测试</title> <script type="text/javascript"> window.onload = function(){ var date = new Date(); function getDate(date){ var weeks = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六']; var year = date.getFullYear(); var month = date.getMonth()+1;//getMonth获得是0开始 var day = date.getDate(); var dayOfWeek = weeks[date.getDay()]; var hour = date.getHours(); var minute = date.getMinutes()<10?'0'+date.getMinutes():date.getMinutes(); var second = date.getSeconds()<10?'0'+date.getSeconds():date.getSeconds(); var dateStr = '当前日期:'+year+'年'+month+'月'+day+'日&nbsp;&nbsp;'+dayOfWeek+'&nbsp;&nbsp;'+hour+':'+minute+':'+second+'<br />'; document.getElementById('div').innerHTML=dateStr; } setInterval(function(){getDate(new Date())},500); } </script> </head> <!-- 使用new Date()产生一个当前系统时间 注意:获取年使用getFullYear 获取月份使用getMonth()+1 --> <body> <div id="div"></div> </body> </html>
    查看全部
    0 采集 收起 来源:时间效果实现

    2018-03-22

  • <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Date对象测试</title> </head> <!-- 使用new Date()产生一个当前系统时间 注意:获取年使用getFullYear 获取月份使用getMonth()+1 --> <body> <div id="div"></div> <script type="text/javascript"> var date = new Date(); function getDate(date){ var weeks = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六']; var year = date.getFullYear(); var month = date.getMonth()+1;//getMonth获得是0开始 var day = date.getDate(); var dayOfWeek = weeks[date.getDay()]; var hour = date.getHours(); var minute = date.getMinutes(); var second = date.getSeconds(); var dateStr = '当前日期:'+year+'年'+month+'月'+day+'日&nbsp;&nbsp;'+dayOfWeek+'&nbsp;&nbsp;'+hour+':'+minute+':'+second+'<br />'; document.getElementById('div').innerHTML=dateStr; } setInterval(function(){getDate(new Date())},500); </script> </body> </html>
    查看全部
    0 采集 收起 来源:效果简介

    2018-03-22

举报

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

微信扫码,参与3人拼团

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

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