Date对象(1、周期性定时器)

日期对象类型: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;
( &quot; m &quot; ) . i n n e r H T M L = m ; / / (&quot;m&quot;).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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值