资讯专栏INFORMATION COLUMN

时间戳转换成时间日期格式及去重

tianyu / 1328人阅读

摘要:在项目中做的一些站点会涉及时间格式的转换,比如,优惠券的有效期,或者资讯类文章的发表时间等,因从后台传过来的时间是时间戳,需要进行转换,所以在这里进行总结记录下以及去重的处理将时间戳转换成时间日期的形式时间为毫秒数时毫秒数转换成时间格式先乘

</>复制代码

  1. 在项目中做的一些站点会涉及时间格式的转换,比如,优惠券的有效期,或者资讯类文章的发表时间等,因从后台传过来的时间是时间戳,需要进行转换,所以在这里进行总结记录下
    以及去重的处理
1.将时间戳转换成时间日期的形式

时间为毫秒数时(毫秒数转换成时间格式:先乘以1000)

</>复制代码

  1. /* 实现倒计时 */
  2. countTime(timeend毫秒数) {
  3. /* 计算总的剩余秒数 */
  4. var time = (new Date(timeend*1000)) - (new Date())
  5. /* 计算剩余小时数 */
  6. var hours = parseInt(time/1000/60/60%24,10)
  7. /* 计算剩余分钟数 */
  8. var minutes = parseInt(time/1000/60%60,10)
  9. /* 计算剩余秒数 */
  10. var seconds = parseInt(time/1000%60,10)
  11. /* 如果小于10,则在数字前面添加0 */
  12. if(hours < 10) {
  13. hours = "0" + hours
  14. }
  15. if(minutes < 10) {
  16. minutes = "0" + minutes
  17. }
  18. if(seconds < 10) {
  19. seconds = "0" + seconds
  20. }
  21. /* 返回小时,分钟及秒 */
  22. this.hours = hours
  23. this.minutes = minutes
  24. this.seconds = seconds
  25. }

时间为日期格式时

</>复制代码

  1. /* 实现倒计时 */
  2. countTime(year,month,day,hour,minute,second) {
  3. /* 计算总的剩余秒数 */
  4. var time = (new Date(year,month-1,day,hour, minute, second)) - (new Date())
  5. /* 计算剩余小时数 */
  6. var hours = parseInt(time/1000/60/60%24,10)
  7. /* 计算剩余分钟数 */
  8. var minutes = parseInt(time/1000/60%60,10)
  9. /* 计算剩余秒数 */
  10. var seconds = parseInt(time/1000%60,10)
  11. /* 如果小于10,则在数字前面添加0 */
  12. if(hours < 10) {
  13. hours = "0" + hours
  14. }
  15. if(minutes < 10) {
  16. minutes = "0" + minutes
  17. }
  18. if(seconds < 10) {
  19. seconds = "0" + seconds
  20. }
  21. /* 返回小时,分钟及秒 */
  22. this.hours = hours
  23. this.minutes = minutes
  24. this.seconds = seconds
  25. }
2.JS去重

简单的去重

</>复制代码

  1. /* 新建数组,若新数组中不存在,则放入新数组中 */
  2. function getUniqueFigure(item) {
  3. let arr = [];
  4. for (let i = 0; i < item.length; i++) {
  5. if(arr.indexOf(item[i]) == -1) {
  6. arr.push(item[i]);
  7. }
  8. }
  9. console.log(arr);
  10. }
  11. getUniqueFigure([0,0,0,1,1,2,2,3]);

利用数组下标

</>复制代码

  1. function getUniqueFigure(item) {
  2. let arr = [];
  3. for (let i = 0; i < item.length; i++) {
  4. if(item.indexOf(item[i]) == i) {
  5. arr.push(item[i]);
  6. }
  7. }
  8. console.log(arr);
  9. }
  10. getUniqueFigure([0,0,0,"1",1,1,2,2,3]);

遍历去重

</>复制代码

  1. function getUniqueFigure(item) {
  2. let arr = [];
  3. const length = item.length
  4. for (let i = 0; i < length; i++) {
  5. for(let j = i + 1; j < length; j++) {
  6. if(item[i] === item[j]) {
  7. i++;
  8. j=i;
  9. }
  10. }
  11. arr.push(item[i])
  12. }
  13. console.log(arr);
  14. }
  15. getUniqueFigure([0,0,0,"1",1,1,2,2,3]);

</>复制代码

  1. 正在努力学习中,若对你的学习有帮助,留下你的印记呗(点个赞咯^_^)

往期好文推荐:前端面试之JavaScript(总结)

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/108376.html

相关文章

  • 画三角形

    摘要:在商品展示中,画三角形的出现的也挺多的,左上角的三角标签,又或者对话形式的三角形,带阴影效果等,在此记录下直接添加三角形想你呦比较长的写法简单写法使用伪类添加三角形附带阴影效果添加两个伪类一个伪类实现三角形,另一个用定位实 在商品展示中,画三角形的出现的也挺多的,左上角的三角标签,又或者对话形式的三角形,带阴影效果等,在此记录下 1、直接添加三角形 ...

    Mr_houzi 评论0 收藏0
  • vue中的computed的this指向问题

    摘要:今天在写项目时,用到了计算属性,遇到了使用箭头函数出现指向问题,这里记录下箭头函数中的箭头函数内部的是词法作用域,由上下文确定函数体内的对象,就是定义时所在的对象,而不是使用时所在的对象中的使用箭头函数不使用箭头函数使用自己的理解在中使用箭 今天在写vue项目时,用到了computed计算属性,遇到了使用箭头函数出现this指向问题,这里记录下 1.箭头函数中的this 箭头函数内部...

    crossoverJie 评论0 收藏0
  • setInterval与setTimeout

    摘要:第二个调用当前执行的函数,并为其设置另外一个定时器。使得在前一个定时器代码执行完之前,不会向队列插入新的定时器代码,确保不会有任何缺失的间隔。 在自己用canvas画一个时钟时,画秒钟用的是利用图片将重复的线条遮住,但是会出现有两个秒钟线条同时存在,才想起setInterval有那么个坑,查了点资料,记录下,若有不对的或者未写到的点,还请大家指出,谢谢^_^ 在此之前先科普下这个学习点...

    BenCHou 评论0 收藏0
  • python大佬的养计划----os,datetime,time模块补充

    摘要:是否则检验指定的对象是否存在。由于的模块实现主要调用库,所以各个平台可能有所不同。时间格式时间戳的方式通常来说,时间戳是指格林威治时间年月日时分秒北京时间年月日时分秒起至现在的总秒数。元组方式元组共有个元素,返回的函数主要有,,。 os模块 os模块提供了多数操作系统的功能接口函数。当os模块被导入后,它会自适应于不同的操作系统平台,根据不同的平台进行相应的操作,在python编程时,...

    frank_fun 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<