1.对于当前的时间,我们可以通过 new Date()来获取,这是计算机的时间
var nowtime=new Date();
2.如果是自己的定义的时间:
var mytime=new Date(“2019/3/20 11:20”);
3.如果是时间差:(就像计算倒计时)
var res=mytime-nowtime;
4.一般计算时间的话:
res/1000/3600 是一小时的量
res/1000/60%60是一分钟的量
res/1000%60 是一秒钟的量
1秒=1000毫秒
5.静态倒计时代码
div>span{ display: inline-block; width: 100px; height: 20px; border: 1px solid blue; border-radius: 2px; line-height: 20px; text-align: center; } 距离下课还有:小时分钟秒
下面就是效果图:
6.如果想要动态的倒计时(周期性的定时器):(将自己定义的时间卡在计算机进行的时间,会随着计算机的时间的流动而变化,就形成了一种动态的效果)
这个时候就需要一种方法
setInterval(function(){你需要看到时间变化的程序,比如说倒计时的静态全部程序就可以放在这里},1000);
后面的1000参数 是希望能够以秒的形式出现。
最后利用:
window.onload=setInterval();
实现动态的倒计时的功能
看下面
(上面的代码不变,纠正script部分的代码如下:)
效果是不断在动的,大家可以自己试一下。
7.关于上面代码的补充说明就是:
函数调用时 是名字();
如果是调用的函数本身的话就是名字就行了
var a=function(){
return 10;
}
console.log(a());//打印结果为10
console.log(a);
//打印结果为function(){return 10;}
8.解绑定时器:clearInterval(写上创建定时器的名字);
div{ width: 100px; height: 100px; border:1px solid red; color: black; text-align: center; }


