<强>介绍
日期对象,是操作日期和时间的对象.Date对象对日期和时间的操作只能通过方法.Date在js中数组和类似,都是拥有自己的特殊方法的特殊对象。
<>强创建日期对象的语法:
var替换=new()/日期/日期对象会自动把当前日期和时间保存为其初始值。
<强>获取倒计时之前,我们不妨先来看怎样获取当前时间吧! ! !
函数的时间(){
var oDate=new日期();
var年=oDate.getFullYear ();
var月=oDate.getMonth () + 1;
var dDate=oDate.getDate ();
var天=oDate.getDay ();
var房子=oDate.getHours ();
var minu=oDate.getMinutes ();
var秒=oDate.getSeconds ();
开关(){
案例1:
一天='星期一';
打破;
案例2:
一天='星期二”;
打破;
案例3:
一天='星期三”;
打破;
案例4:
一天='星期四”;
打破;
例5:
一天='星期五';
打破;
例6:
一天='星期六”;
打破;
例0:
一天='星期日”;
打破;
}
双功能(t) {
如果(t & lt;10){
t=' 0 ' + t;
}
返回t;
}
document.body。innerHTML=年+的年+月+‘月’+ dDate +‘日’+天+‘+双(房子)+“:”+双(minu) + ': ' +双(sec);
}
时间();
setInterval (1000),
<强>获取倒计时
,,,,1,实现倒计时功能
,,,,2,倒计时结束按钮可被点击,之前不可被点击
实例代码:
& lt; !DOCTYPE html公共”——//W3C XHTML 1.0//DTD过渡//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”的在
& lt; html xmlns=" http://www.w3.org/1999/xhtml "比;
& lt; head>
& lt;元http-equiv=? type”内容=" text/html;utf - 8字符集="/比;
& lt; title>无标题文档& lt;/title>
& lt;/head>
& lt; body>
& lt; div id=發astTime”比;
& lt; span> 0天& lt;/span>
& lt; span> 00: & lt;/span>
& lt; span> 00: & lt;/span>
& lt; span> 00 & lt;/span>
& lt;/div>
& lt; br/祝辞& lt; br/比;
& lt;风格类型=" text/css "比;
# btn {
文字修饰:没有;
显示:块;
宽度:100 px;
高度:35 px;
背景:# ccc;
text-align:中心;
行高:35 px;
颜色:# 666;
}
# btn.btn {
背景:红色;
颜色:# fff;
字体大小:20 px;
粗细:大胆的;
}
& lt;/style>
javascript: & lt; a href="; " id=" btn祝辞即将开抢! & lt;/a>
& lt;脚本type=" text/javascript祝辞
var oLt=. getelementbyid (“lastTime”);
var oBtn=. getelementbyid (btn);
时间();
var计时器=setInterval (1000);
函数的时间(){
var endTime=new日期(“2017/01/13就是”);//结束日期不得在当前日期之前
var nowTime=new日期();
var splus=endTime.getTime ()——nowTime.getTime ();//天时分秒
如果(splus & lt;=1) {
clearInterval(计时器);
oBtn。className=癰tn”;
oBn。innerHTML='开始秒杀!”;
oBtn。href=' http://www.baidu.com ';
返回;
其他}{
oBtn。className=";
}
var=数学。地板(60 splus/1000//60/24);
var小时=数学。24楼(splus/1000/60/60 %);
var min=数学。地板(splus/1000/60 % 60);
var秒=数学。地板(splus/60 1000%);
肝移植。innerHTML=天+‘天’+双(小时)+“:”+双(分钟)+“:”+双(sec);
函数双(n) {
如果(n & lt;10){
n=' 0 ' + n;
}
返回n;
}
}
& lt;/script>
& lt;/body>
& lt;/html>
<>强效果图如下:
<强>总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对的支持。
