大家好,欢迎来到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