h5頁面上時間格式化

2021-07-30 18:57:28 字數 1250 閱讀 6281

h5頁面會應到到pc、android、ios,但是,我們經常用到的new date().format(' ') 有可能不相容所有的系統。最近在做h5時,遇到ios不識別'2017-03-12 12:09',返回的是nan,網上查了一些方法,做下總結:

封裝的一些時間格式方法:

1.時間格式化

date.prototype.format = function(fmt) ;

if (/(y+)/.test(fmt))

fmt = fmt.replace(regexp.$1, (this.getfullyear() + "").substr(4 - regexp.$1.length));

for (var k in o)

if (new regexp("(" + k + ")").test(fmt))

fmt = fmt.replace(regexp.$1, (regexp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));

return fmt;

};2. 格式化秒數到時間格式 00:02:03

number.prototype.formattime = function()

}// 補零

var zero = function(v) ;

return [zero(h), zero(i), zero(s)].join(":");

};3.// 倒計時,t:秒數

date.countdown = function(t)}}

if (d > 0) else if (h > 0) else if (m > 0) else if (s > 0) else

return countdown;

};如果需要處理的時間格式是『2017-03-12 12:11』,在ios上不識別,需要轉換成2017/03/12/12/11,這樣就可以了:

var testtime = 『2017-03-12 12:11』;

var arr =testtime.split(/[- : \/]/);

var servertime = new date(arr[0],arr[1]-1, arr[2], arr[3], arr[4], arr[5]);

alert(servertime);

或者var time = new date().format('yyyy/mm/dd/hh/mm/ss');

h5頁面的寫法 移動端h5頁面寫法

1.頁面寬度320,所有元素尺寸設一半 缺點 不自能適應全屏 2.頁面寬度640,元素尺寸正常 暫未發現問題 3.頁面寬度640,js控制自適應全屏 adaptuilayout.adapt initviewportwidth 缺點 qq空間分享後點開頁面套在qq預設瀏覽器裡有相容性問題 4.rem寫...

H5頁面上拉載入更多功能實現

首先定義獲取頁面當前的滾動高度方法 滾動條在y軸上的滾動距離 getscrolltop 文件的總高度 getscrollheight 瀏覽器視口的高度 getwindowheight 其次對當前頁面的滾動高度進行計算 錨點定位 initheight else if scrolltop this.re...

h5頁面開發

相信大家在做h5頁面開發的時候,也會遇到一些問題。筆者將h5開發過程中常見的一些問題和解決辦法列舉出來,有需要的朋友可以參考一下。1.安卓瀏覽器看背景,有些裝置會模糊。同等比例的在pc端頁面和移動手機端頁面的解析度差很多,原因和devicepixelratio有關。手機解析度比pc端的解析度小,按照...