倒计时效果_学习笔记

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

倒计时效果

                
                vivian
            Web前端工程师

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

最热最新

朝夕ing 08:51

setTimeout（a,b）,a是每隔一段时间刷新的函数，b是间隔的时间

查看全部

0 采集收起来源：时间效果实现
2016-12-30
朝夕ing 04:47

getDay()返回星期，getDate（）才返回日期

查看全部

0 采集收起来源：时间效果实现
2016-12-30
吴勇92 02:32

方法及返回值

查看全部

0 采集收起来源：效果简介
2016-12-26
shuaiDevelop

团购、限时抢倒计时

查看全部

0 采集收起来源：编程练习
2016-12-26
shuaiDevelop

输出当前系统时间

查看全部

0 采集收起来源：编程练习
2016-12-26
白小明

距元旦还有43天

查看全部

0 采集收起来源：编程练习
2016-12-20
我也在世界末尾

<!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> window.onload=function(){ FreshTime(); } function FreshTime() { var endtime=new Date("2016/12/20,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,1000) ; </script> </body> </html>

查看全部

0 采集收起来源：编程练习
2018-03-22
qq_听说幸福很简单_0

setInterval("FreshTime()",500) "函数名（）" setInterval(FreshTime,500) 函数名循环要放在函数中！！！

查看全部

0 采集收起来源：编程练习
2018-03-22
qq_听说幸福很简单_0

不加引号var timedate= new Date(2017,0,1); //自定义结束时间2017,1,1 加引号var timedate= new Date("2017/1/1"); //自定义结束时2017,1,1

查看全部

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

Date对象2

查看全部

0 采集收起来源：效果简介
2016-12-14
A_Marvin 01:57

Date对象

查看全部

0 采集收起来源：效果简介
2016-12-14
weibo_她舅他二舅都是他舅_0

FullYear,Month,Date,weekday,House,Minutes,Seconds,Day

查看全部

0 采集收起来源：编程练习
2016-12-13
qq_还不走

<!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("2017 3 1"); //自定义结束时间　　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
qq_还不走

function check Time（i）{ if（i<10){ i="0"+i; } return i; } 来解决gettime和getminuties的时候输出时间可以前面带0. 星期需要用数组。 setTimeout（showTime，500），该方法来使函数不断循环打到时间不断变化的目的。

查看全部

0 采集收起来源：时间效果实现
2018-03-22
慕粉2130563850

%取余； Math.ceil向上取整 Math.floor向下取整 Math.round四舍五入 parseInt去除小数部分，只保留小数，也就是向下取整？

查看全部

0 采集收起来源：限时抢
2016-12-11