JavaScript时间戳

JavaScript时间戳在JavaScript程序中,所谓的时间戳指的是当前时间和格林尼治时间——1970年1月1日,0点0分0秒,相差的毫秒数简单理解,就是从格林尼治时间——1970年1月1日,0点0分0秒,到现在过了多少毫秒vard=newDate();vartimes=d.getTime();console.log(times);//输出结果为1585057457894(以个人情况为准)实…

大家好,欢迎来到IT知识分享网。

JavaScript程序中,所谓的时间戳指的是当前时间和格林尼治时间——1970年1月1日,0点0分0秒,相差的毫秒数
简单理解,就是从格林尼治时间——1970年1月1日,0点0分0秒,到现在过了多少毫秒

var d = new Date();
var times = d.getTime();
console.log(times);//输出结果为1585057457894(以个人情况为准)

实际用途中,时间戳往往用于计算时间,来衡量时间差
例如 : 秒杀倒计时,假设秒杀是4月1日0点0分0秒开始,那么4月1日0点0分0秒这个时间有时间戳,当前时间也会有时间戳。两个时间戳相减,结果是两个时间之间的时间差,单位是毫秒。再将这个毫秒转化为天、小时、分钟、秒、得出想要的结果

var end = new Date('2020-4-1 0:0:0');//获取指定时间的时间对象, Date()参数是要获取的时间的字符串,'年-月-日 空格 小时:分钟:秒'
var start = new Date();//当前的时间对象,没有参数,获取当前时间对象

//步骤①:计算时间差,应该是最终的时间的时间戳,减去当前时间的时间戳。时间单位是毫秒,需要转化为秒。1秒=1000毫秒,转化的秒数是小数,只要整数部分取整
var times = parseInt( ( end.getTime()  - start.getTime()  ) / 1000 ) ;
console.log(times);

//步骤②:将秒数转化为天数秒数,对结果取整
var day = parseInt( times / (24*60*60) ) ;
console.log(day);

//步骤③:转化为天数之后,剩余的秒数转化为小时
//方法1: 总秒数 - 天数所代表的秒数 --- 是我们要转化为小时的秒数
var a = times - day*(24*60*60);
console.log(a);
//方法2: 总秒数 % 一天的秒数,求余数。将所有的秒数都转化为天,之后剩余的余数就是我们要求的数值,也就是转化为小时的秒数
var b = times % (24*60*60);
console.log(b);

var hour = parseInt( ( times % (24*60*60) ) / (60*60) );
console.log(hour);//转化为小时的秒数,一小时有多少秒,结果获取整数部分

//步骤④:将剩余的秒数转化为分钟
//方法1: 总秒数 - 天数的秒数 - 小时的秒数 
//方法2: 总秒数 % 小时的秒数 
var minute  = parseInt( ( times % (60*60) ) / 60 );
console.log(minute);//剩余的秒数获取整数部分

//步骤⑤:求剩余的秒数
//方法1 : 总秒数 - 天的秒数 - 小时的秒数 - 分钟的秒数
//方法2 : 总秒数 % 一分钟的秒数

var second = times % 60 ;
console.log(second);

document.write( `距离结束时间,还有${ 
     day}天,${ 
     hour}小时,${ 
     minute}分钟,${ 
     second}秒,请您抓紧时间付款` );
//输出结果为距离结束时间,还有7天,1小时,54分钟,29秒,请您抓紧时间付款(以个人情况为准)

一个倒计时的例子

<body>
    <div id="d"></div>
    <script>
function setTime(end){ 
   
            var endTime = new Date(end);
            var startTime = new Date();
            var times = parseInt( ( endTime.getTime() - startTime.getTime() ) / 1000 );
        
            var day = parseInt(times / (24*60*60));
            var hour =  parseInt( (times % (24*60*60)) / (60*60) );
            var minute = parseInt( (times % (60*60)) / (60) );
            var second = times % 60;
        
            return  `距离终止时间,还有${ 
     day}天,${ 
     hour}小时,${ 
     minute}分钟,${ 
     second}秒`;
        }

        d.innerHTML = setTime('2020-4-1 0:0:0');


        setInterval( function(){ 
   
            d.innerHTML = setTime('2020-4-1 0:0:0');
        }  , 1000 );
        </script>
</body>

简单的电子时钟页面

<body>
		<div id="d"></div>
		<script>
			d.innerHTML = setTime();//将获取的时间插入到网页中
            function setTime(){ 
   
			var d = new Date();//使用data对象时需要先创建一个时间对象
			var year = 	d.getFullYear();//获取年份
			var month = d.getMonth();//获取月份
			var day = d.getDate();//获取日期(xx号)
			var hour = d.getHours();//获取小时
			var minute = d.getMinutes();//获取分钟
			var second = d.getSeconds();//获取秒钟
			var week = d.getDay();//获取星期
			var arr  = ['日','一','二','三','四','五','六'];//将星期的数字转化为汉字
			return `现在的时间是${ 
     year}${ 
     month+1}${ 
     day}${ 
     hour}${ 
     minute}${ 
     second}秒,星期${ 
     arr[week]}`;}
			
			setInterval(function(){ 
   d.innerHTML = setTime();},1000)//设置每秒刷新1次时间
		</script>
</body>

在这里插入图片描述

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/12055.html

(0)
上一篇 2024-03-17 18:15
下一篇 2024-03-17 20:26

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信