栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

JavaScript--Date()日期类型

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

JavaScript--Date()日期类型

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;
			}