時間戳轉換成時間日期格式及去重

tianyu 發布于2019-08-26 12:16 / 1299人閱讀

摘要：在項目中做的一些站點會涉及時間格式的轉換，比如，優惠券的有效期，或者資訊類文章的發表時間等，因從后臺傳過來的時間是時間戳，需要進行轉換，所以在這里進行總結記錄下以及去重的處理將時間戳轉換成時間日期的形式時間為毫秒數時毫秒數轉換成時間格式先乘

在項目中做的一些站點會涉及時間格式的轉換，比如，優惠券的有效期，或者資訊類文章的發表時間等，因從后臺傳過來的時間是時間戳，需要進行轉換，所以在這里進行總結記錄下
以及去重的處理

1.將時間戳轉換成時間日期的形式

時間為毫秒數時(毫秒數轉換成時間格式：先乘以1000)

/* 實現倒計時 */
countTime(timeend毫秒數) {
   /* 計算總的剩余秒數 */
   var time = (new Date(timeend*1000)) - (new Date())
   /* 計算剩余小時數 */
   var hours = parseInt(time/1000/60/60%24,10)
   /* 計算剩余分鐘數 */
   var minutes = parseInt(time/1000/60%60,10)
   /* 計算剩余秒數 */
   var seconds = parseInt(time/1000%60,10)

   /* 如果小于10，則在數字前面添加0 */
   if(hours < 10) {
       hours = "0" + hours
   }
   if(minutes < 10) {
       minutes = "0" + minutes
   }
   if(seconds < 10) {
       seconds = "0" + seconds
   }

   /* 返回小時，分鐘及秒 */
   this.hours = hours
   this.minutes = minutes
   this.seconds = seconds
}

時間為日期格式時

/* 實現倒計時 */
countTime(year,month,day,hour,minute,second) {
   /* 計算總的剩余秒數 */
   var time = (new Date(year,month-1,day,hour, minute, second)) - (new Date())
   /* 計算剩余小時數 */
   var hours = parseInt(time/1000/60/60%24,10)
   /* 計算剩余分鐘數 */
   var minutes = parseInt(time/1000/60%60,10)
   /* 計算剩余秒數 */
   var seconds = parseInt(time/1000%60,10)

   /* 如果小于10，則在數字前面添加0 */
   if(hours < 10) {
       hours = "0" + hours
   }
   if(minutes < 10) {
       minutes = "0" + minutes
   }
   if(seconds < 10) {
       seconds = "0" + seconds
   }

   /* 返回小時，分鐘及秒 */
   this.hours = hours
   this.minutes = minutes
   this.seconds = seconds
}

2.JS去重

簡單的去重

/* 新建數組，若新數組中不存在，則放入新數組中 */
function getUniqueFigure(item) {
  let arr = [];
  for (let i = 0; i < item.length; i++) {
    if(arr.indexOf(item[i]) == -1) {
      arr.push(item[i]);
    }
  }
  console.log(arr);
}
getUniqueFigure([0,0,0,1,1,2,2,3]);

利用數組下標

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

遍歷去重

function getUniqueFigure(item) {
  let arr = [];
  const length = item.length
  for (let i = 0; i < length; i++) {
    for(let j = i + 1; j < length; j++) {
      if(item[i] === item[j]) {
          i++;
          j=i;
      }
    }
    arr.push(item[i])
  }
  console.log(arr);
}
getUniqueFigure([0,0,0,"1",1,1,2,2,3]);

正在努力學習中，若對你的學習有幫助，留下你的印記唄（點個贊咯^_^）

往期好文推薦：前端面試之JavaScript（總結）

GPU云服務器云服務器 js日期轉換時間戳日期轉時間戳時間戳轉日期 php時間戳轉換

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/108376.html

畫三角形

摘要：在商品展示中，畫三角形的出現的也挺多的，左上角的三角標簽，又或者對話形式的三角形，帶陰影效果等，在此記錄下直接添加三角形想你呦比較長的寫法簡單寫法使用偽類添加三角形附帶陰影效果添加兩個偽類一個偽類實現三角形，另一個用定位實在商品展示中，畫三角形的出現的也挺多的，左上角的三角標簽，又或者對話形式的三角形，帶陰影效果等，在此記錄下 1、直接添加三角形 ...

Mr_houzi 2019-08-29 16:26 評論0 收藏0
vue中的computed的this指向問題

摘要：今天在寫項目時，用到了計算屬性，遇到了使用箭頭函數出現指向問題，這里記錄下箭頭函數中的箭頭函數內部的是詞法作用域，由上下文確定函數體內的對象，就是定義時所在的對象，而不是使用時所在的對象中的使用箭頭函數不使用箭頭函數使用自己的理解在中使用箭今天在寫vue項目時，用到了computed計算屬性，遇到了使用箭頭函數出現this指向問題，這里記錄下 1.箭頭函數中的this 箭頭函數內部...

crossoverJie 2019-08-23 13:53 評論0 收藏0
setInterval與setTimeout

摘要：第二個調用當前執行的函數，并為其設置另外一個定時器。使得在前一個定時器代碼執行完之前，不會向隊列插入新的定時器代碼，確保不會有任何缺失的間隔。在自己用canvas畫一個時鐘時，畫秒鐘用的是利用圖片將重復的線條遮住，但是會出現有兩個秒鐘線條同時存在，才想起setInterval有那么個坑，查了點資料，記錄下，若有不對的或者未寫到的點，還請大家指出，謝謝^_^ 在此之前先科普下這個學習點...

BenCHou 2019-08-23 11:25 評論0 收藏0
python大佬的養成計劃----os,datetime,time模塊補充

摘要：是否則檢驗指定的對象是否存在。由于的模塊實現主要調用庫，所以各個平臺可能有所不同。時間格式時間戳的方式通常來說，時間戳是指格林威治時間年月日時分秒北京時間年月日時分秒起至現在的總秒數。元組方式元組共有個元素，返回的函數主要有，，。 os模塊 os模塊提供了多數操作系統的功能接口函數。當os模塊被導入后，它會自適應于不同的操作系統平臺，根據不同的平臺進行相應的操作，在python編程時，...

frank_fun 2019-07-30 17:46 評論0 收藏0