㈠ 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%的用户加载这个脚本。下个月我还会抽时间改进)。