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

Question

我想将此计时器嵌入到网站中。基本上我从这个 website 生成了一个计时器。然后我会使用这段代码并将其注入(inject)到 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>

但是我会收到此错误没有可用的插件来显示此内容

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

谢谢

Answer 1

我会提出 2 个选项，并且我确信还有更多选项。第一个应该与您的闪光灯选项一起使用......

选项 1首先将 Flash 对象以 display:none 样式放置在页面上。然后在您的 JavaScript 中评估是否需要显示它。

HTML 示例 1:

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

带有类和 css 的 HTML 示例 2 - 首选:

<object id="myCountdown" class="hidden" width="400" height="50" data="path-to-your-flash.swf"></object>

CSS:

.hidden{display:none;}

JS:

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

//OR

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

选项 2:

谈论以另一种方式构建它，我会使用插件:COUNTDOWN.JS