eadremaining.js 介绍
ReadRemaining.js ?是 一个 记录 用户 滚动页面 的时间差 jQuery 插件 ,可以 显示 用户 滚动页面 的速度,以判断 用户 读取 文章 需要多长时间考虑。
用法
在 jQuery 之后加载 readremaining.jquery.js 或压缩版本 readremaining.jquery.min.js 。
同时 包括 css 文件 或样式到你的主要css。
<script src="js/readremaining.jquery.js"></script>
<link rel="stylesheet" href="css/rr_light.css"/>
为了加快加载速度,可以在主js 文件 中包含 readremaining.jquery.js 的 代码 。
初始化 ReadRemaining.js 将被滚动以读取 文章 的元素。通常是文档的正文。
$('body').readRemaining();
自定义 ReadRemaining.js
你可以使用以下选项 自定义 测量仪的行为:$('body').readRemaining({showGaugeDelay : 1000,// 显示 指示器之前延迟。showGaugeOnStart : false,// 最初 显示 仪表,甚至在 用户 滚动之前。timeFormat : '%mm %s s left',// 将用分和秒替换%m和 %s 。maxTim eto Show : 20*60,// 仅在低于x分钟(乘以秒)时 显示 时间.minTim eto Show : 10,// 只有 显示 时间,如果高于x秒(如果它小于10秒...只读)。gaugeContainer : '',// 计量器将附加的元素。如果left'',容器将是同 一个 滚动元素。insertPosition : 'prepend' // 'append' 或者 'prepend' 根据风格要求verboseMode : false // 启用控制台日志。 仅用于测试。gaugeWrapper : '',// 可选,定义可见范围的元素。如果为“”,仪表将一直可见。topOffset : 0,// 在 gaugeWrapper 的顶部和测量仪将开始出现的点之 间的 距离。一些设计需要这样。b ott omOffset : 0 // 框出现的底边框和元素 底部 之 间的 距离。}); 其他 方法 你可以通过使用“getRemainingTime” 方法 获取 ReadRemaining.js读取元素的剩余时间。例如:var remainingMinutes = $('body').readRemaining('getRemainingTime',{timeFormat : '%m'}); 链接 : http://www.fly63.com/nav/1080网站地址 : http://aerolab.github.io/readremaining.js/
GitHub: https://github.com/Aerolab/readremaining.js
网站描述: 记录 用户 滚动页面 的时间差jQuery 插件
eadremaining.js官方网站
官方网站: http://aerolab.github.io/readremaining.js/
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did174514