㈠ Web前端——倒計時效果
getYear() 獲取年份,獲取年最好用
getFullYear()獲取完整格式年份,如2014,一般用這個
getMonth()獲取月,從0開始(0~11),要返回當前月份要加1
getDate()獲取日(1~31)
getDay()獲取星期幾(0~6)
getHours()獲取小時(0~23)
getMinutes()獲取分鍾數(0~59)
getSeconds()獲取秒數(0~59)
getTime()獲取毫秒數
定義日期對象
var myDate = new Date()
myDate存放了當前日期對象,然後可以通過日期對象的函數獲取具體需要的數據,比如,年月日等等
效果:2017年4月18日 星期二 14:22:44
重點:
1、獲取時間,星期幾處理
2、時間要時刻變化,和系統時間相同——setTimeout('showTime()',500)定時調用
3、秒數和分數時刻保證是兩位數——補位處理
倒計時原理:當前時間-倒計時截止日
中間轉換點:
1、使用getTime()獲取到毫秒數
毫秒數差 = 當前時間getTime()獲取到毫秒數-倒計時截止日getTime()獲取到毫秒數
2、天數 = 毫秒數之差/每天毫秒數
1000 * 60 * 60 * 24一天的秒數
3、天數不是整數,使用Math.ceil()向上取整函數
Math.ceil(12.3) = 13;
1、使用了parseInt()函數取整數
2、使用% 計算時間
3、時間結束,更改界面。並停止定時器
}
FreshTime();
var sh;
sh=setInterval(FreshTime,1000);
</script>
㈡ 前端如何計算網頁的打開時間
1. Web performance APIs ,可以得到各種時間比如dns解析時間、連接時間、跳轉時間、載入時間等指標,具體請自行查資料,不贅述。
2. 瀏覽器的私有API,比如 chrome.loadTimes()。
3. DOM ready/load 事件。
4. 白屏時間(first paint time)。
5. 首屏時間(Above-the-fold time)。
4和5尚無公認的確定方法和對應api。特別是5,怎麼定義首屏沒有統一的標准。因此需要自行確定,並用一些相對hack的方式獲取。前一段時間網路和騰訊都有人分享過他們的做法,可以參考,具體鏈接等回頭找到了再補。
如果只是要大致了解網站的性能,最簡單的辦法是使用Google Analytics,它包含了性能統計。如果要非常細致的數據(比如web performance api上的數據),可以自己寫,也可用我寫的這個庫:http://github.com/hax/WebPerf (有基本的兼容處理,但優化不夠,所以我們自己只取樣5%~10%的用戶載入這個腳本。下個月我還會抽時間改進)。