Javascript 时间计数器（使用flipclock）_Javascript_Jquery_Counter

Javascript 时间计数器（使用flipclock）

javascript jquery

Javascript 时间计数器（使用flipclock）,javascript,jquery,counter,Javascript,Jquery,Counter,好的，我喜欢这个翻转时钟！！太棒了我遇到的问题是计时器排列不正确。我拍了一张屏幕截图，这是：你能告诉我我做错了什么吗这是在wordpress网站上，但我将代码添加到头部，而不仅仅是在主要内容html中。。。像这样： <head profile="http://gmpg.org/xfn/11"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">&l

好的，我喜欢这个翻转时钟！！太棒了

我遇到的问题是计时器排列不正确。我拍了一张屏幕截图，这是：

你能告诉我我做错了什么吗

这是在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确实把时间放对了，但即使我在开始时间前后删除了，因为他们的示例根本没有任何引号，它仍然这样做。我添加了标记，看看它是否修复了它，但它没有

我希望有人知道我做错了什么。我已经做了9个小时了。我打算放弃，只是让它使用文本而不是这个漂亮的界面

如果你能帮助我，请提前感谢

-理查德

我认为问题在于身体主题的CSS。。。当我从我用页面的源代码创建的测试页面中删除该代码时，页面看起来很糟糕，因为主题外观消失了，但是Flipclock看起来很正常

因此，我想我必须找到冲突并重命名它们或其他东西。

尝试先加载样式表，然后加载js文件确保您没有使用会影响div.clock的css规则。好的，我将样式表移动到头部的顶部，就在它开始的地方，js文件现在在它下面。所以这就颠倒了顺序，仍然是同一个问题。我把时钟改成了时钟2，这也没有解决它，同样的问题。没有排好。我没有把它修好，而是用一个iframe把它拉了进去，其他人建议这样做，结果它成功了。不知道为什么我没有想到这一点英雄联盟无论如何，它正在与iframe一起工作。很高兴这为我节省了时间，让我能够找出冲突并重新处理。这可能要花很长时间。不管怎样，它正在起作用完成：