Adobe Muse 显示 document.createElement 链接，但无法预览

Question

我试图只在一天中的某些时间显示链接。

该链接在 Adobe Muse 中可见，但在浏览器上隐藏。

这是我的代码

<script type="text/javascript">
var day= new Date();
var hr= day.getUTCHours();

if ((hr == 0) || (hr == 1) || (hr == 2) || (hr == 3) || (hr == 4) || (hr == 5) || (hr == 6) || (hr == 7) || (hr == 8) || (hr == 9) || (hr == 10) || (hr == 11) || (hr == 12) || (hr == 13) || (hr == 22) || (hr == 23)) {   var a = document.createElement('a'); var linkText = document.createTextNode("Example"); a.appendChild(linkText); a.title = "Example"; a.style.fontSize = "16px"; a.style.color="#C31E2F"; a.href = "http://www.example.com/"; document.body.appendChild(a);}
if ((hr == 14) || (hr == 15) || (hr == 16) || (hr == 17) || (hr == 18) || (hr == 19) || (hr == 20) || (hr == 21)) { document.write("<br><font>CALL TOLL FREE:xxx-xxx-xxxx</font></br>");}

Answer 1

你的意思是它被隐藏了？此脚本从设备本地时间获取时间。如果正确，您应该得到正确的结果。

<script type="text/javascript">
var day= new Date();
var hr= day.getUTCHours();
if ((hr>=0 && hr<13) || (hr>=22 && hr<=23)) {
    var a = document.createElement('a');
    var linkText = document.createTextNode("Example");
    a.appendChild(linkText); a.title = "Example";
    a.style = "font-size: 16px; #C31E2F; color: #C31E2F"; 
    a.href = "http://www.example.com/";
    document.body.appendChild(a);
} else {     
       var out=document.createElement("P");
       out.innerHTML = "<br>CALL TOLL FREE:xxx-xxx-xxxx</br>";
       document.body.appendChild(out);  
}
</script>  

Answer 2

最终破坏了大部分现有代码。 我认为document.createElement导致了问题。

这是我正在使用的。

<script type="text/javascript">

var day= new Date();
var hr= day.getUTCHours();
if ((hr>=0 && hr<13) || (hr>=22 && hr<=23)) { 
document.write('<font>Example</font>'.link('http://www.example.com/')); }
else { document.write("<font>CALL TOLL FREE:xxx-xxx-xxxx</font>"); }