页面在Wordpress上显示随机内容

时间:2015-01-17 19:45:58

标签: javascript html arrays wordpress random

我想要的是在有人查看页面时随机显示10个不同的内容(如图像或链接或文本或其他内容)中的一个。

我发现了这个,但它没有用。我在Wordpress上并使用代码插入管理器在单个页面上使用特定代码。

<SCRIPT LANGUAGE="JAVASCRIPT">


var r_text = new Array (); 
r_text[0] = "I was just thinking about you!"; 
r_text[1] = "You are a great example for others."; 
r_text[2] = "You have great ideas."; 
r_text[3] = "When I grow up I want to be you!"; 
r_text[4] = "I appreciate all of your opinions."; 

var i = Math.floor(r_text.length * Math.random()); 

document.write("<br /><br /><br /><br /><br /><br /><br /><center><FONT     SIZE=72><FONT COLOR='#FFFFFF'>" +     
r_text[i]  + "</FONT></center><br />"); 

var bgcolorlist=new Array("#228B22", "#FFD700", "#ADFF2F", "#FF69B4",     "#CD5C5C", "#4B0082", "#7CFC00", "#ADD8E6", "#E84643",     "#ED0A07", "#EA2907", "#E5294B", "#E00D26", "#FF3030", "#FC7500", "#F95700",     "#F43900", "#F95620") 

document.body.style.background=bgcolorlist[Math.floor(Math.random()*bgcolorli    st.length)]; 

</script>

但页面上没有任何内容出现。我对这种编码完全不熟悉,并且可以使用一些严肃的帮助来修改它,以便它可以工作。我可以很好地填写内容,只需要先显示它。

2 个答案:

答案 0 :(得分:0)

您可以尝试在加载DOM时启动脚本。

window.onload = function() {
  //you code here
};

如果它适合您,请参阅此处以获取更多信息 window.onload vs document.onload

答案 1 :(得分:0)

如果你改变了&#39; bgcolorli st.length&#39;它正在工作。到&#39; bgcolorlist.length&#39;。

但是..你为什么要用JavaScript做这个?您也可以使用WordPress函数(或者只是简单的php,如果需要)来执行此操作,例如get_posts()。它允许您设置一个名为&#39; orderby&#39;到了#rand&#39; (代表随机;)