-
var year=now.getFullYear() ;中的FullYear要大写查看全部
-
这是运用setTimeout()的方法,与前面setInterval()方法进行对比查看全部
-
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。查看全部
-
setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。查看全部
-
原理很清楚。setTimeout()的应用,以及时间的各种get方法的使用查看全部
-
终于碰到考数学的功底了查看全部
-
举个例子: new Date(2017,4,31)=new Date("2017,5,31")=new Date("May,31,2017")查看全部
-
<!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>查看全部
-
<!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>查看全部
-
<!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>查看全部
-
计算两个时间差 一般是先创建两个时间对象,使用new Date("yyyy,MM,dd");的方式 然后通过 date.getTime()获取对应的毫秒数,进行减法 用得到的差,再转换成天数、小时数等 配合Math.ceil()向上取整的方式查看全部
-
注意几点: 1、使用new Date()创建date对象 2、使用getFullYear()获取完整的年度 3、使用getMonth()+1获取准确的月份 4、时分秒的获取的api,后面都带s,例如getHours、getMinutes、getSeconds 5、分钟和秒返回的都是number类型,对于小于10的数,需要前面补0查看全部
-
<!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>查看全部
-
<!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+'日 '+dayOfWeek+' '+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>查看全部
-
<!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+'日 '+dayOfWeek+' '+hour+':'+minute+':'+second+'<br />'; document.getElementById('div').innerHTML=dateStr; } setInterval(function(){getDate(new Date())},500); </script> </body> </html>查看全部
举报
0/150
提交
取消