为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
倒计时效果_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

倒计时效果

vivian Web前端工程师
难度初级
时长32分
  • 数组存储 星期
    查看全部
    0 采集 收起 来源:时间效果实现

    2016-06-13

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

    2016-06-13

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

    2016-06-11

  • <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>店子时钟效果</title> <script type="text/javascript"> window.onload=function(){showTime();} function showTime(){ function checkTime(i){ if(i<10){i="0"+i} return i; } var myday=new Date(); var y=myday.getFullYear(); var mh=myday.getMonth(); var d=myday.getDate(); var h=myday.getHours(); var m=myday.getMinutes(); var s=myday.getSeconds(); var w=myday.getDay(); var weekday=new Array(7); m=checkTime(m); s=checkTime(s); weekday[0]="周日"; weekday[1]="周一"; weekday[2]="周二"; weekday[3]="周三"; weekday[4]="周四"; weekday[5]="周五"; weekday[6]="周六"; var show=document.getElementById("show"); show.innerHTML=y+"年"+mh+"月"+d+"日"+h+":"+m+":"+s+weekday[w]; setTimeout("showTime()",500); } </script> </head> <body> <div id="show"></div> </body> </html>
    查看全部
    0 采集 收起 来源:时间效果实现

    2018-03-22

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

    2016-06-07

  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>研究生考试时间</title> <link rel="stylesheet" href="style.css" /> </head> <script language="javascript" type="text/javascript"> window.onload = function(){   var timedate= new Date("2016,8,8"); //自定义结束时间   var now =new Date() ; //获取当前时间   var date = timedate.getTime() - now.getTime(); //得出的为毫秒   var time =Math.ceil((date)/(1000*60*60*24)) ; //1000 * 60 * 60 * 24一天的秒数 if(time > 0 ){ document.getElementById('timeShow').innerHTML = time; } } </script> </head> <body> <div class="content2"> <div class="txtshow">距离设置时间还有<span id="timeShow"></span>天</div> </div> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

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

    2018-03-22

  • 加了引号的日期如"2016,5,22"显示的就是2016年5月22日,不加引号其实显示的是2016年6月22日,会加1.
    查看全部
    1 采集 收起 来源:编程练习

    2018-03-22

  • 简单的判断可用:m=m<10?"0"+m:m;<br> s=s<10?"0"+s:s;<br> 显示当前星期的简单写法:var weekday='星期'+'日一二三四五六'.charAt(new Date().getDay());返回字符串对象的指定位置的的字符
    查看全部
    1 采集 收起 来源:编程练习

    2018-03-22

  • parseInt取整数
    查看全部
    0 采集 收起 来源:限时抢

    2016-06-04

  • 获取月份要+1,因为是从0开始的
    查看全部
    0 采集 收起 来源:效果简介

    2016-06-04

  • document.getElementById("#id").innerHTML=mycode
    查看全部
    0 采集 收起 来源:时间效果实现

    2018-03-22

  • var now = new Date();获取到的月份是当前月份的上月,所以会多出一个月的时间
    查看全部
    0 采集 收起 来源:编程练习

    2016-06-03

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

    2016-06-02

  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>研究生考试时间</title> <link rel="stylesheet" href="style.css" /> </head> <script language="javascript" type="text/javascript"> window.onload = function(){   var timedate= new Date("2016,6,6"); //自定义结束时间   var now = new Date() ; //获取当前时间   var date = timedate.getTime() - now.getTime(); //得出的为毫秒   var time = Math.ceil(date/(1000*60*60*24)) ; //1000 * 60 * 60 * 24一天的秒数 if(time > 0 ){ document.getElementById('timeShow').innerHTML = time; } } </script> </head> <body> <div class="content2"> <div class="txtshow">距离设置时间还有<span id="timeShow"></span>天</div> </div> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

举报

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

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