Math.ceil()向上取整计算
Date()函数的方法,时间的获取。
getHours()返回小时
getMinutes()返回分钟
getSeconds()返回秒
getMonth()返回月份值(从0开始,+1)
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>当前系统时间</title>
<link rel="stylesheet" href="style.css" />
<script language="javascript" type="text/javascript">
window.onload = function(){
showTime();
}
function checkTime(i){ //补位处理
if(i<10){
"0"+i;
}else{
return i;
}
}
function showTime(){
var now=new Date();
var year=now.getFullYear() ;
var month=now.getMonth()+1;
var day=now.getDay();
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>
时间函数 计时
setTimeout(表达式,延时时间)在执行时,是在载入后延迟指定时间后,去执行一次表达式
setInterval(表达式,交互时间)则不一样,它从载入后,每隔指定的时间就执行一次表达式
限时抢购要点: 1、结束时间减去当前时间获得的是毫秒值 2、要注意取余!! 3、函数外部使用setInterval() 函数内部使用setTimeout()
自定义结束时间的时候要记得加引号
var date = new Date(" 2018,9,19");
计算剩余天数使用getTime()毫秒数
1天 = 24*60*60*1000毫秒
Math.ceil()向上取整
getFullYear () //返回完整年份
getMonth() //返回月份(从0开始,+1)
var myDate = new Date()//定义对象
getDay() //返回星期(0~6)
getHours()//返回小时数(0~23)
getMinutes()//返回分钟数(0~59)
getMonth()//返回月份值
getSeconds()//返回秒数
获取方法:
date使用
获取时间的方法
<!DOCTYPE html>
<html>
<head>
<meta charset="{CHARSET}">
<title></title>
<script>
window.onload = function(){
var curtime = new Date();
var endtime = new Date('2018.9.3');
var lefttime = Math.ceil((endtime.getTime()-curtime.getTime())/(24*60*60*1000));
//一天=24小时 一小时=60分 一分=60秒 一秒=1000毫秒
document.getElementById('show').innerHTML = '结束日期还剩'+lefttime+'天';
}
</script>
</head>
<body>
<p id="show"></p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="{CHARSET}">
<title></title>
<script>
window.onload = function(){
showTime();
}
function checkTime(i){
if(i<10){
i = '0'+i;
}
return i;
}
function showTime(){
var myDate = new Date();
var year = myDate.getFullYear();
var month = myDate.getMonth()+1;
var date = myDate.getDate();
var a = myDate.getDay();
var h = myDate.getHours();
var m = myDate.getMinutes();
var s = myDate.getSeconds();
m = checkTime(m);
s = checkTime(s);
var d = new Array(7)
d[0] = "星期日"
d[1] = "星期一"
d[2] = "星期二"
d[3] = "星期三"
d[4] = "星期四"
d[5] = "星期五"
d[6] = "星期六"
document.getElementById('show').innerHTML=year + '年' + month + '月' + date + '日' + d[a]+h+':'+m+':'+s;
setTimeout(showTime,500);
}
</script>
</head>
<body>
<p id="show"></p>
</body>
</html>
自定义时间格式:
1)new Date("month dd,yyyy hh:mm:ss"); 2)new Date("month dd,yyyy"); 3)new Date(yyyy,mth,dd,hh,mm,ss);
月份带上双引号s是:"2016/12/31"(或者"2016,12,31")都是正常的;去掉双引号,2016,12,31会多出一个月,而2016/12/31不正常显示
通过Date对象获取日期。
天数倒计时
限时抢购倒计时
常用方法
JS给时间赋初始值:var time=……<br> 1)new Date("month dd,yyyy hh:mm:ss"); <br> 2)new Date("month dd,yyyy"); <br> 3)new Date(yyyy,mth,dd,hh,mm,ss); <br> 4)new Date(yyyy,mth,dd); <br> 5)new Date(ms); <br> 按照vartime=new Date("yyyy,mth,dd")出不来
倒计时效果: 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))
%取余; var endtime = new Date("2016/5/15,12:20:12");设置时间 <script><br> function FreshTime() {<br> var endtime = new Date("2016/5/15,12:20:12"); //结束时间<br> var nowtime = new Date(); //当前时间<br> var lefttime = parseInt((endtime.getTime() - nowtime.getTime()) / 1000); //毫秒除以1000得到秒并取整<br> d = parseInt(lefttime / 3600 / 24);<br> h = parseInt((lefttime / 3600) % 24);<br> m = parseInt((lefttime / 60) % 60);<br> s = parseInt(lefttime % 60);<br> document.getElementById("LeftTime").innerHTML = d + "天" + h + "小时" + m + "分" + s + "秒";<br> if (lefttime <= 0) {<br> document.getElementById("LeftTime").innerHTML = "团购已结束";<br> clearInterval(sh);<br> }<br> }<br> FreshTime()<br> var sh;<br> sh = setInterval(FreshTime, 1000);<br> </script><br>
getDate()用于获取日份,getDay()用于获取星期
getMouth():返回月份,从0开始
Date常用方法