如何更改每个页面重新加载的文本

时间:2012-12-06 07:47:27

标签: javascript jquery html

对于每次重新加载,我想更改文本我该怎么做? 第一次加载想要显示“早安”或“晚安”。如果首先加载它显示“晚安”,那么下一次它必须要显示“早安” 通过使用Math Random随机显示所以它显示两次或三次一个文本然后其他因此每个页面加载文本想要更改

以下是我的代码的骨架

Javascript代码

<script type="text/javascript" src="jquery.min.js"></script>
<script>
$(document).ready(function()
{
  var text = ["Good Morning","Good Night"];
  var x = Math.floor((Math.random()*2));
  $('#myTxt').html(text[x]);

});
</script>

HTML代码

<form>
<div style="border: 1px red solid; height:100px; width:200px;">
   <span id="myTxt"></span>
</div>
</form>

2 个答案:

答案 0 :(得分:1)

您可以使用cookie来计算页面重新加载次数,并可以更改每次重新加载的文本

if (getCookies("count")="")
  // first time loaded
   count = 1;
else {
 // get a variable in cookie called count
   count =   getCookies("count");
   count = count +1;
    }
 // and set count again to cookie
  setCookie("count",count );

对于getCookie()和setCookie()函数你可以参考this

答案 1 :(得分:1)

$(document).ready(function()
{
  var rld_cnt=parseInt($.cookie('rld_cnt')||0)+1;
  $.cookie('rld_cnt',rld_cnt);
  var text = ["Good Morning","Good Night"];
  $('#myTxt').html(text[rld_cnt%2]);

});