如何使用javascript显示/隐藏flash对象

我想把这个计时器嵌入一个网站。基本上，我从中生成了一个计时器。然后我将使用此代码并将其注入html页面。代码工作得很好，但是我只想在某些特定情况下使用此计时器（即使用if-else），如下所示：

<script> 

flash = '<object type=&quot;application/x-shockwave-flash&quot; data=&quot;http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=000000&bgcolor=ffffff&date_month=10&date_day=26&date_year=0&un=DEAL ENDS&size=normal&mo=10&da=26&yr=2014&quot; width=&quot;250&quot; height=&quot;100&quot;><param name=&quot;movie&quot; value=&quot;http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=000000&bgcolor=ffffff&date_month=10&date_day=26&date_year=0&un=DEAL ENDS&size=normal&mo=10&da=26&yr=2014&quot; /><param name=&quot;bgcolor&quot; value=&quot;#ffffff&quot; /></object>';`

    if (new Date().getHours() < 20) {
        document.write(flash);
    }

</script>

闪光=''`
如果（新日期（）.getHours（）<20）{
文件写入（flash）；
}

但是我会得到这个错误

没有可用的插件来显示这个内容

那么，我该如何以另一种方式构建这样的东西，或者可能有一个解决方案

---

谢谢

我将提出两个选项，我相信还有更多选项。第一个应该与您的闪存选项一起使用

选项1 首先，将您的flash对象放在页面上，并使用style

display:none

。然后在javascript中评估是否该显示它

HTML示例1：

<object id="myCountdown" style="display:none;" width="400" height="50" data="path-to-your-flash.swf"></object>

JS:

if（新日期（）.getHours（）<20）{
$（'#myCountdown'）.css（'display'，'block'）；//第一个示例使用jQuery
//或
$（'#myCountdown'）.removeClass（'hidden'）；//使用jQuery exmaple 2
}

选项2:

---

说到以另一种方式构建它，我会使用一个插件：

谢谢，它可以工作，但是假设我的页面上有4个产品，但是使用这两种方法中的任何一种，只有一个产品显示倒计时，其他的没有，有什么建议吗？如果我理解正确，你想显示每个产品的倒计时，对吗？在这种情况下，如果您使用的是flash对象，那么您将需要4个具有4个不同ID和不同名称的flash对象。然后执行

$（'#倒计时1'）。removeClass（'hidden'），
$（'#倒计时2'）。removeClass（'hidden'）等。如果您将拥有4个以上的产品，那么这将很快变得不可管理，因此您必须研究更复杂的解决方案（Javascript对象或数据库）并循环使用它们。但这是一个全新的课题。
<object id="myCountdown" class="hidden" width="400" height="50" data="path-to-your-flash.swf"></object>

.hidden{display:none;}

if(new Date().getHours() < 20){
   $('#myCountdown').css('display', 'block'); //using jQuery for first example

//OR

   $('#myCountdown').removeClass('hidden'); //using jQuery exmaple 2
}