网站文章阅读耗时代码

纯 CSS+JavaScript,代码如下:


<style type="text/css">
#tingliu{margin: 10px 0px 5px 0px; padding: 3px 0px 3px 0px; line-height: 2; text-align:center; font-size:12px;color:#aaa; background: #eee;  width: 100%; transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;}
#tingliu:hover{background: #61b3e6;color: #fff;}
.tingliu5{position:relative; left:0px; top:5px;}

</style>
<div id="tingliu"><span class="tingliu2">您阅读这篇文章共花了:</span> <span class="tingliu3" id="stime">0小时00分10秒</span></div>
<script language="JavaScript">var ss=0,mm=0,hh=0;function TimeGo(){ss++;if(ss>=60){mm+=1;ss=0}if(mm>=60){hh+=1;mm=0}ss_str=(ss<10?"0"+ss:ss);mm_str=(mm<10?"0"+mm:mm);tMsg=""+hh+"小时"+mm_str+"分"+ss_str+"秒";document.getElementById("stime").innerHTML=tMsg;setTimeout("TimeGo()",1000)}TimeGo();</script>
看本站实例
您阅读这篇文章共花了: 0小时00分10秒
本博客所有文章如无特别注明均为原创。作者:fyq复制或转载请以超链接形式注明转自 免费精品资源分享
原文地址《网站文章阅读耗时代码
生成文章海报

相关推荐

发表评论

路人甲 表情
Ctrl+Enter快速提交

网友评论(4)

感谢博主的分享,学习到了很多
广东自考网 Sogou Explorer Sogou Explorer Windows 7 x64 Edition Windows 7 x64 Edition 3个月前 (2020-08-31) 回复
广东省深圳市 电信
大家闺秀好, 夺枯地械斗
Dny Chrome 78.0.3904.108 Chrome 78.0.3904.108 Windows 7 x64 Edition Windows 7 x64 Edition 7个月前 (2020-05-18) 回复
江西省南昌市 电信
你这评论有乱码啊
零帕网 Chrome 81.0.4044.122 Chrome 81.0.4044.122 Windows Windows 7个月前 (2020-05-01) 回复
浙江省杭州市 移动
应该会吧,不然网站流量怎么算http://www.benedetti-jewelry.com/
�R�� Chrome 63.0.3239.132 Chrome 63.0.3239.132 Windows 7 x64 Edition Windows 7 x64 Edition 8个月前 (2020-03-21) 回复
江西省南昌市 电信