日期对象类型:Date();
**1,直接获取当前的计算机时间;**
语法:new Date();
**2,设置一个自己定义的目标时间:**
语法:new Date("2019/12/21 12:30")
**3,计时器:**
**1,周期性定时器;**
设定一个定时器;
setInterval(function(){你需要看到时间变化的程序},1000)
在定时器的第一个参数中,我们需要引入的是函数的本身,不要去调用函数;
接触定时器的方法:clearInterval();clearInterval(写上创建的那个定时器的名字)
例:<div><span id="h"></span>时<span id="m"></span>分<span id="s"></span>秒</div>
定义计时器,倒计时效果
window.setInterval(function (){
//var arr=[“img/bg_2.jpg”,“img/main_1.jpg”,“img/nav_bg.png”,“img/top_light.jpg”,“img/2.jpg”];
//var img=document.getElementById(“images”);
//img.src=arr[Math.floor(Math.random()*arr.length)];
function $(id){return document.getElementById(id)};
var nows=new Date(“2019/3/20 16:59”);
var now=new Date();
var nowes=nows-now;
var h=Math.floor(nowes/1000/3600);
var m=Math.floor(nowes/1000/60%60);
var s=Math.floor(nowes/1000%60);
// document.write(h+“时”+m+“分”+s+“秒”);
$(“h”).innerHTML=h;
(
"
m
"
)
.
i
n
n
e
r
H
T
M
L
=
m
;
/
/
("m").innerHTML=m; //
("m").innerHTML=m;//(“s”).innerHTML=s;
if(m27&&s59||m26&&s59){
alert(“起床了!!!”);
return;
}
})
解除定时器,商城倒计时,为0停止
<div id="box"></div>
<script>
var box=document.getElementById("box");//获取标签id
var n=10;//自定义倒计时数
var timer=setInterval(aa,1000)//声明变量承接setInterval&&执行aa,1000毫秒一次
function aa(){
box.innerHTML=n;//赋值
n--;
if(n==-1){//执行到-1,输出0
clearInterval(timer);//解除定时器
}
}
</script>