倒计时效果_学习笔记

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

倒计时效果

                
                vivian
            Web前端工程师

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

最热最新

晴空自由0

var mydate=new Date(); var year=mydate.getFullYear(); var month=mydate.getMonth()+1; var date=mydate.getDate(); var d=mydate.getDay(); var h=mydate.getHours(); var m=mydate.getMinutes(); var s=mydate.getSeconds(); var weekday=new Array(7); weekday[0]=星期日 weekday[1]=星期一 weekday[2]=星期二 weekday[3]=星期三 weekday[4]=星期四 weekday[5]=星期五 weekday[6]=星期六 document.getElementById("id").innerHTML=year+"年"+month+"月"+date+"日"+weekday[d]+h+":"+m+":"+s; setTimeout(showTimeout,500); var endtime=new Date("2016/6/6,18:23:45"); var curtime=new Date(); var lefttime=parseInt((endtime.getTime()-curtime.getTime())/1000); var d=parseInt(lefttime/(24*60*60)); var h=parseInt(lefttime/(60*60)%24); var m=parseInt(lefttime/60%60); var s=parseInt(lefttime%60);

查看全部

0 采集收起来源：编程练习
2018-03-22
凉如此季 01:58

Date返回当前的时间和日期

查看全部

0 采集收起来源：效果简介
2016-03-17
Sloth丶YG 02:35

截的图

查看全部

0 采集收起来源：效果简介
2016-03-17
林暮轩雨 02:38

获取时间

查看全部

0 采集收起来源：效果简介
2016-03-15
flow 02:40

Date 用法

查看全部

0 采集收起来源：效果简介
2016-03-13
梦幻星空web

getTime()获取毫秒数 Math.ceil()向上取整

查看全部

0 采集收起来源：编程练习
2016-03-12
梦幻星空web

window.onload = function(){ showTime(); } function checkTime(i){ //补位处理 return i>10 ? i : "0"+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) }

查看全部

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

倒计时效果： 1、倒计时=截止时间-当前时间 var endtime=new Date("2016,5,22")， newtime=new Date(); 2、用getTime()获取毫秒 lefttime=endtime.getTime()-newtime.getTime() 3、转换成天数，向上取整 time=Math.ceil(left time/(24*60*60*1000))

查看全部

0 采集收起来源：倒计时时差
2018-03-22
qq_苏罗式的依赖_0

使时间变成两位数的判断函数----简单写法！ function change(i){ return i<10? "0"+i:i; }

查看全部

0 采集收起来源：时间效果实现
2018-03-22
qq_苏罗式的依赖_0

1.星期几js得到的是数组，利用数组转换为具体的； 2.让时间走动起来，利用setInterval（）每个一定的时间调用函数； 3.分钟和秒在10分钟和10s只内的时间显示的是单位数字，利用if语句判断一下，在前面加“0”；

查看全部

0 采集收起来源：时间效果实现
2016-03-11
qq_苏罗式的依赖_0

Date()返回当前的日期和时间 getDate() 返回日期 getDay()返回星期几 getHours返回小时数 getMinutes()返回分钟数 getMonth()返回月数 getSeconds()返回秒数 getTime()返回毫秒数 getYear()返回年数获得年数最好用getFullYear()返回年

查看全部

0 采集收起来源：效果简介
2016-03-11
liwen2017

Math.ceil()，对数字进行向上取整。

查看全部

0 采集收起来源：编程练习
2016-03-10
R4 02:01

Date的一些方法

查看全部

0 采集收起来源：效果简介
2016-03-09
慕运维5208339

Date()返回当前的日期和时间 getDate() 返回日期 getDay()返回星期几 getHours返回小时数 getMinutes()返回分钟数 getMonth()返回月数 getSeconds()返回秒数 getTime()返回毫秒数 getYear()返回年数获得年数最好用getFullYear()返回年

查看全部

0 采集收起来源：效果简介
2016-03-08
青玉钗 01:59

时间相关

查看全部

0 采集收起来源：效果简介
2016-03-08