时间计数器(使用flipclock)

时间:2014-09-26 10:31:52

标签: javascript jquery counter

好的,我喜欢这个翻转时钟!!真棒!

我遇到的问题是计时器没有正确排列。我拍了一个屏幕截图,这里是: http://s22.postimg.org/9v19oa0oh/flip_Counter_Not_Working.jpg

你能告诉我我做错了吗?

这是在wordpress网站上,但我将代码添加到头部而不是仅仅在主要内容html中......就像这样:

  <head profile="http://gmpg.org/xfn/11">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  <script src="/js/compiled/flipclock.js"></script>
  <link rel='stylesheet' href='/js/compiled/flipclock.css' type='text/css' media='all' />
  </head>

显然头部还有很多东西,我只是将它们复制到头部标签之间...... 然后在HTML中我放了其他代码:

  <div class="clock"></div>
  <script>var clock = $('.clock').FlipClock("[php] echo time() - $_StartingTime;[/php]");</script>

时钟会在屏幕截图中显示,但它没有排列。

你能告诉我我做错了吗?

顺便说一句,这是php页面输出的HTML:

  <div class="clock"></div>
  <p><script language="JavaScript">
  var clock = $('.clock').FlipClock("6447");</script></p>

所以php确实把时间放得正确,但即使我删除了&#34;&#34;在开始的时候,因为他们的样本根本没有任何引号,它仍然会这样做。我添加了&#34;&#34;标记是否修复它,但它没有。

我希望有人知道我做错了什么。我现在已经工作了9个小时。我即将放弃,只是让它使用文本而不是这个漂亮的界面。

如果你能帮助我,请提前致谢。 :) -Richard

1 个答案:

答案 0 :(得分:0)

我认为问题出现在SomoSocial主题的CSS中...当我从我的页面源代码创建的测试页面中删除该代码时,页面看起来很糟糕,因为主题外观和感觉消失了,但是Flipclock看起来很正常。

所以我想我必须找到冲突并重命名它们。