寻求数字滚动增加的插件

老白,又来讨教了,现在想在网页顶部加一个数字不断滚动增加的效果。
类似这个网页底部的效果:https://www.bluejeans.com/
可能要翻墙才能看到,我截了个图。
额,新版页面不会插入图片。
就是一排数字,最后面的数字向上滚动,然后整体不断增加。
已邀请:

~~~~~~~~~ - 上帝给我的使命,就是证明你们都不是最糟糕的

赞同来自:

好像还没有这样的 Joomla 扩展。不过,考虑到Joomla支持“自定义HTML”代码嵌入,你可以在网上搜索这种脚本代码(应该是一个非常简单的 JavaScript 语句,实现 n=n+1 而已),然后把这个代码插入到“自定义 HTML”模块里面即可。

~~~~~~~~~ - 上帝给我的使命,就是证明你们都不是最糟糕的

赞同来自:

简单分析了一下那个网站的源代码,发现
它是用 Drupal 搭建的
。那个计数器正是通过 JavaScript 实现的,在某个 JS 文件(文件名动态变化,因为网站启用了 JS 合并、压缩、缓存)中找到了相关代码片段:function getRandomInt(min,max){return Math.floor(Math.random()*(max-min+1))+min}function updateMinutes(){var current=stripCommasToInt(minDiv.html()&#41return current+=getRandomInt(minutesPerSec-2,minutesPerSec+2),numberWithCommas(current)}if($("body").hasClass("front")){var minDiv=$(".minutes_counter"),originalBjnMinutes=1422468482,originalSeconds=1460065339,minutesPerSec=4;Date.now||(Date.now=function(){return(new Date).getTime()}&#41var utcSeconds=Math.floor(Date.now()/1e3),timeElapsed=utcSeconds-originalSeconds,currentTotal=timeElapsed*(10*minutesPerSec)+originalBjnMinutes;minDiv.html(numberWithCommas(currentTotal)).addClass("show"&#41setInterval(function(){minDiv.html(updateMinutes())},100)}}),

孤独者 - 世界属于那些勤于思考的人,更属于那些善于行动的人

赞同来自:

今天在网上找到一个代码,与上面的 “当前时间 - 初始时间 = 差值 = 显示数字” 其思路是完全一样的。经测试可以在页面上显示出递增的数字,刷新页面、重开浏览器等等都不影响数字“暗中仍在递增”。请按照以下步骤测试:
在 Joomla 3 后台“扩展 - 模块管理”中,新建一个模块,类型选择为“自定义 HTML”,打开模块参数之后,将输入框的编辑器切换成源代码模式,然后填写下列代码:
function countup(startingdate, base){
this.currentTime=new Date()
this.startingdate=new Date(startingdate)
this.base=base
this.start()
}
countup.prototype.oncountup=function(){}
countup.prototype.start=function(){
var thisobj=this
this.currentTime.setSeconds(this.currentTime.getSeconds()+1)
var timediff=(this.currentTime-this.startingdate)/1000
var secondfield=Math.floor((timediff))
var result={seconds:secondfield}
this.oncountup(result)
setTimeout(function(){thisobj.start()}, 1000)
}


这里输入数字上面的文字



var startDate=new countup("February 4, 2010 14:41:00", "seconds") // 修改第一个双引号之内的日期就能改变初始值
startDate.oncountup=function(result)
{
var mycountainer=document.getElementById("holder")
mycountainer.innerHTML=+result['seconds']
}


这里输入数字下面的文字

不是本人 - no no no!

赞同来自:

老白,太感谢了,这么费心的帮忙解答,我试试,麻烦了!

要回复问题请先登录注册