草庐IT

FlipClock

全部标签

特定时间和日期的Javascript倒计时

我正在使用jQuery插件在我的网页中放置倒数计时器。目前控制计时器显示内容的代码是:varclock=$('.clock').FlipClock(3600*24*3,{clockFace:'DailyCounter',countdown:true});插件的JS可以在这里查看:https://github.com/objectivehtml/FlipClock/blob/master/js/flipclock/flipclock.js可以在这里看到正在使用的代码的示例页面:http://flipclockjs.com/faces/daily-counter目前,计时器是3天的倒计时,

javascript - 使 FlipClock.js 响应

我一直在尝试让flipclock.js完全响应,但一直失败。有没有人做到这一点?如果是这样,我将如何使它起作用?感谢您的时间。我试图将所有内容都转换为百分比,但没有像我预期的那样工作。我正在使用带有此插件的TwitterBootstrap。这是我的flipclock.js的CSS:/*Getthebourbonmixinfromhttp://bourbon.io*//*Reset*/.countdown{postion:relative;width:39%;}.flip-clock-wrapper{margin-left:8%!important;max-width:100%;font

javascript - FlipClock - 使用服务器时间而不是客户端时间

我正在尝试在7个不同的RaspberryPis上获取事件监视器。他们都获得了加载了FlipClock的相同网页。我的问题是:RasPis上的时间不同。(他们无法获得实际的ptb-time,因为他们不允许连接到互联网)这就是我对Flipclock的称呼:varclock=$('.clock').FlipClock({clockFace:'TwentyFourHourClock',showSeconds:false});我想我可以解决这个问题,如果我通过PHP获取实际日期并在像这样加载FlipClock时设置它:clock.setTime($servertime);但是我不能让它工作..我

javascript - FlipClock iPhone 在翻盖标签内扩展数字

我有一个FlipClock.js在除iPhone以外的所有设备和浏览器中完美显示的页面上。在iPhone(4、4S、5、6)上,它用数字填充滚动标签,如下图所示。有没有人遇到过这个,也许可以建议一个链接来查看。现在已经试错了几个小时,但没有运气。谢谢!时钟的相关HTML是:99我已将.min类定位为具有固定字体大小,但没有区别。它只在iPhone上执行此操作,但不会在Chrome检查中的iPhone模拟器中执行此操作。感谢您的帮助! 最佳答案 我通过在一定宽度后更改字体大小自行解决了这个问题。@mediascreenand(max-