每次刷新都更改div

时间:2014-01-24 03:13:17

标签: javascript jquery html

我希望每次刷新时都改变div,但似乎它不起作用。它不是随机的,它遵循顺序,在显示变量country == 1之后,它应该是country == 2.

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<meta http-equiv="refresh" content="10" >
<script type="text/javascript">


function checkRefresh()
{
    if(document.refreshForm.visited.value == "" )
    {

    var visited = document.refreshForm.visited.value = "1";
    var country = document.refreshForm.country.value = "1";

    }

    else if (country == 1 && visited == 1)
    {

    $( "boxau" ).hide( "slow" );
    $('#boxae').load('test.html').fadeIn("slow");

    country = 2;
    }

    else if (country == 2 && visited == 1)
    {

    $('#boxau').load('test.html').fadeIn("slow");
    $( "boxae" ).hide( "slow" );
    country = 1;
    }




</script>
</head>

<body onLoad="JavaScript:checkRefresh();">

<form name="refreshForm">
<input type="hidden" name="visited" value="" />
<input type="hidden" name="country" value="" />
</form>

  <div id="boxae">
    <img src='SOMEURL'>

  </div>

  <div id="boxau">
    <img src='SOMEURL'>
  </div>

</body>
</html>

3 个答案:

答案 0 :(得分:1)

此链接正在讨论类似的内容,并附带示例脚本:http://www.dynamicdrive.com/forums/s...ad.php?t=45102

此外,thiis指的是引号,对每个变量附加的文本数量应该没有不合理的限制。

看看这是否指向正确的方向

答案 1 :(得分:-2)

编辑:

如果您在local storage缓存,大​​多数主流浏览器都支持,您的JS变量只能跨网页访问:

http://www.w3schools.com/html/html5_webstorage.asp

如果刷新页面,则表示您正在重置变量。解决这个问题的唯一方法是使用服务器端代码(PHP,Java等)和cookie。

您是否在询问是否可以创建顺序事件,在这种情况下,变量country每次增加都会增加?

我可以将其随机,但是根据您当前问题中的信息,我认为这不会解决您的问题。

答案 2 :(得分:-2)

你可以为checkRefresh()添加按钮或其他触发器,就像超时一样吗? 页面重新加载会重置您的值。