JS14- 时间戳（倒计时）

一.时间戳

   在JavaScript程序中,所谓的时间戳,指的是当前时间和 格林尼治时间 1970年1月1日,0点0分0秒,相差的毫秒数
简单理解,就是从 格林尼治时间 1970年1月1日,0点0分0秒,到现在,过了多少毫秒     var d = new Date();var times = d.getTime();console.log(times);实际项目中,时间戳,往往用于计算时间,来衡量时间差
例如 : 秒杀倒计时  秒杀 是 4月1日 0点0分0秒开始
4月1日 0点0分0秒 这个时间有 时间戳
当前时间 也会有 时间戳
两个时间戳相减 结果是 两个时间之间的时间差,单位是毫秒
再将这个毫秒,转化为 天,小时,分钟,秒,就是我们要的结果获取2020年4月1日0点0分0秒的时间戳
获取指定时间的时间对象, Date()参数是要获取的时间的字符串'年-月-日 空格 小时:分钟:秒'
有参数,获取指定时间的时间对象
var end = new Date('2020-4-1 0:0:0');当前的时间对象,没有参数,获取当前时间对象
var start = new Date();计算时间差,应该是 最终的事件的时间戳,减去当前时间的时间戳
时间单位是 毫秒, 需要转化为秒 1秒 = 1000毫秒
转化的秒数,是小数,我们只要整数部分,取整
parseInt()   Math.ceil()   Math.floor()   var times = parseInt( (end.getTime() - start.getTime() ) / 1000 ) ;console.log(times);我们要实现倒计时效果,也就是每间隔一秒,获取一次当前时间,计算一下时间差
将结果写入到页面中

二.倒计时最终代码：

   <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 hours =  parseInt( (times % (24*60*60)) / (60*60) );var minute = parseInt( (times % (60*60)) / (60) );var second = times % 60;return  `距离终止时间,还有${day}天,${hours}小时,${minute}分钟,${second}秒`;}d.innerHTML = setTime('2020-4-1 0:0:0');setInterval( function(){d.innerHTML = setTime('2020-4-1 0:0:0');}  , 1000 );</script>

三.倒计时代码说明过程:

需要将时间差的秒数 转化为 天,小时,分钟,秒等信息`1,将秒,转化为天`
秒数 / 一天的秒数  对结果取整 只获取整数部分
parseInt() 或者 Math.floor()var day = parseInt( times / (24*60*60) ) ;
console.log(day);`2, 将 转化为 天数之后, 剩余的秒数, 转化为 小时`而不是所有的秒数方法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);`3 , 将 剩余的秒数,转化为分钟`
方法1:总秒数 - 天数的秒数 - 小时的秒数
方法2: 总秒数 % 小时的秒数  剩余的秒数 / 分钟的秒数  获取整数部分var minute  = parseInt( ( times % (60*60) ) / 60 );
console.log(minute);`4 , 求剩余的秒数`
方法1 : 总秒数 - 天的秒数 - 小时的秒数 - 分钟的秒数
方法2 : 总秒数 % 一分钟的秒数var second = times % 60 ;
console.log(second);document.write( `距离结束时间,还有${day}天,${hour}小时,${minute}分钟,${second}秒,请您抓紧时间付款,或者找老公付款` );

四.倒计时demo详解:

JS14- 时间戳（倒计时）相关推荐

js根据时间戳倒计时
根据后台给的时间戳,是活动结束时间戳! 这里我们就要根据当前的时间来和结束时间计算一共有多长时间! 要看清楚后台给的时间戳是多少位的,有的给到了毫秒,有的给到了秒(10位) function GetR ...
java源代码实例倒计时_Java倒计时三种实现方式代码实例
写完js倒计时,突然想用java实现倒计时,写了三种实现方式一:设置时长的倒计时: 二:设置时间戳的倒计时: 三:使用java.util.Timer类实现的时间戳倒计时代码如下: package ...
java怎么倒计时_详解java倒计时三种简单实现方式
写完js倒计时,突然想用java实现倒计时,写了三种实现方式一:设置时长的倒计时: 二:设置时间戳的倒计时: 三:使用java.util.Timer类实现的时间戳倒计时代码如下: package ...
java倒计时_Java倒计时三种实现方式代码实例
写完js倒计时,突然想用java实现倒计时,写了三种实现方式一:设置时长的倒计时: 二:设置时间戳的倒计时: 三:使用java.util.Timer类实现的时间戳倒计时代码如下: package ...
日期时间格式化，兼容IOS苹果系统
一.功能介绍: 处理日期和时间,主要包括格式化日期和时间.一些在开发中一些经常对时间处理和判断.公历日期转换农历日期. 解决C端苹果时间显示兼容问题[实例化参数为时间戳.-横杠./斜杠日期字符串] ...
笔记--javascript对象及简单，复杂数据类型
javascript 对象 1. 对象什么是对象 ? 在 javascript 中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串,数值,数组,函数等.对象是由属性和方法组成的 ...
【JavaScript】
文章目录插件 JavaScript 介绍 JS执行机制同步异步页面输入输出语法输入输出变量命名规则常量数组声明增删改查 map迭代数组 join方法数据类型基本数据类型 n ...
js 倒计时时间戳
功能:传入一个截止时间(unix时间戳),显示倒计时因为unix时间戳,并不等于js 的new Date().getTime()得到的那一串毫秒数,所以要在JS中使用unix时间戳,必须先转换一下u ...
vue2.0实现倒计时的插件(时间戳刷新跳转都不影响)
我发现好多倒计时的插件,刷新都会变成从头再来,于是自己用vue2.0写了一个,测试通过,直接上代码如下是组件代码: <template><span :endTime="e ...
js 时间戳与时间格式的转化, xx天xx小时xx分倒计时,距离当前时间多久
目录一.时间戳和日期格式相互转化 (1) 获取时间戳 (2) 时间戳转化为日期格式 (3) 日期格式转换为时间戳二. XX天XX小时XX分倒计时三.距离当前时间的计算, 显示效果为3秒前,1小时 ...

JS14- 时间戳（倒计时）

一.时间戳

二.倒计时最终代码：

三.倒计时代码说明过程:

四.倒计时demo详解:

JS14- 时间戳（倒计时）相关推荐

最新文章

热门文章