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

【问题标题】：How to show/hide flash object using javascript如何使用 javascript 显示/隐藏 flash 对象
【发布时间】：2014-10-20 22:30:35
【问题描述】：

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

但是我会收到这个错误no plugin available to display this content

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

谢谢

【问题讨论】：

标签： javascript html flash

【解决方案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

【讨论】：

谢谢，它有效，但假设我的页面上有 4 个产品，但是使用这两种方法中的任何一种，只有一个产品显示倒计时，其他产品没有，有什么建议吗？
如果我理解正确，您想显示每个产品的倒计时，对吗？在这种情况下，如果您使用 Flash 对象，则需要 4 个具有 4 个不同 ID 和不同名称的 Flash 对象。然后在需要时执行$('#countdown1').removeClass('hidden');、$('#countdown2').removeClass('hidden'); 等。如果您将拥有超过 4 种产品，那么这将很快变得难以管理，因此您将不得不研究更复杂的解决方案（Javascript 对象或数据库）并遍历它们。但这是一个全新的主题。