倒计时效果_学习笔记

首页免费课倒计时效果笔记

倒计时效果

                
                vivian
            Web前端工程师

                    查看讲师更多课程 
                    vivian讲师的其他课程
                
JS动画效果
初级·113923
免费课程
                                
                难度初级
            
                时长32分
            
                学习人数
            
综合评分9.63
                            561人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.6
                                简洁易懂
                            
                                9.5
                                逻辑清晰

最热最新

慕粉3869187 02:02

时间获取

查看全部

0 采集收起来源：效果简介
2016-09-05
一梦到红楼 02:00

值得记录的方法

查看全部

0 采集收起来源：效果简介
2016-09-02
加百列

记录下 // t=setTimeout('showTime()',1000) //这个也是可以的为什么这样? setTimeout(showTime,1000)

查看全部

0 采集收起来源：编程练习
2016-08-31
不知不觉后知后觉嗯

<!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("2016/8/30, 12:20:12");//结束时间 var nowtime = new Date();//当前时间 var lefttime=parseInt((endtime.getTime()-nowtime.getTime())/1000 ); d= parseInt(lefttime/(24*60*60)); 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; sh= setInterval(FreshTime,500) ; </script> </body> </html>

查看全部

0 采集收起来源：编程练习
2018-03-22
不知不觉后知后觉嗯

Math.ceil()

查看全部

0 采集收起来源：倒计时时差
2016-08-30
不知不觉后知后觉嗯

get

查看全部

0 采集收起来源：时间效果实现
2016-08-30
不知不觉后知后觉嗯

定义对象的关键词 new Date() 然后获取

查看全部

0 采集收起来源：效果简介
2016-08-30
湛瞳

IE和edge都不支持new Date("2016,6,6")这种日期格式，改写成new Date("2016/6/6")后，这四个浏览器都显示正常了

查看全部

1 采集收起来源：倒计时时差
2018-03-22
JohnnyHTML 01:58

date对象包含方法

查看全部

0 采集收起来源：效果简介
2016-08-28
慕瓜6597882

任务 1. 第18行，计算开始和结束时间差(单位秒)，并进行取整。提示: 使用getTime()转成毫秒，毫秒和秒转换1s=1000ms 。使用parseInt()取整。 2. 第19行，获取相差的天数。提示: 一天=24小时，一小时=60分，一分=60秒。使用parseInt()取整。 3.第20行，获取相差的小时数。提示: 计算共多少小时，一小时=60分，一分=60秒。计算相差多少小时，运用取余 %24。使用parseInt()取整。 4. 第21行，获取相差的分。提示: 计算共多少分，一分=60秒。计算相差多少分,运用取余 %60。使用parseInt()取整。 5. 第22行，获取相差的秒。提示: 计算相差多少秒,运用取余 %60。使用parseInt()取整。

查看全部

0 采集收起来源：编程练习
2016-08-26
慕瓜6597882

显示日期： 2016年8月26日星期五14：22：49

查看全部

0 采集收起来源：编程练习
2016-08-26
木叶苓 01:34

时间表示法

查看全部

0 采集收起来源：限时抢
2016-08-24
ElijahZheng

加了引号的日期如"2016,5,22"显示的就是2016年5月22日，不加引号其实显示的是2016年6月22日,会加1

查看全部

1 采集收起来源：编程练习
2018-03-22
洛洛爱吃肉 02:02

date对象的方法

查看全部

0 采集收起来源：效果简介
2016-08-21
秋刀红鱼

window.onload = function(){ 　　var timedate= new Date("2017,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; } }

查看全部

0 采集收起来源：编程练习
2018-03-22