C#页面定时刷新问题，B/S模式下

我是从webservice调用的一个定时方法

[WebMethod]

    public int ReturnZT()

    {

        System.Timers.Timer time = new System.Timers.Timer();

        time.Elapsed += new System.Timers.ElapsedEventHandler(time_Elapsed);

        time.Interval = 5000;

        time.Enabled = true;

        return a;

    }



    void time_Elapsed(object sender, System.Timers.ElapsedEventArgs e)

    {

        if (b % 2 == 0)

        {

            a = 0;

        }

        else

        {

            a = 1;

        }

        b++;

    }

主要目的是就为了定时传值，值只有0和1。定的时长是5秒
我在页面的代码是

 protected void Page_Load(object sender, EventArgs e)

    {

        localhost.WebService ws = new localhost.WebService();

        int i = ws.ReturnZT();

        Response.Write(i);

        if (i == 0)

        {

            this.Image1.ImageUrl = "~/img/全关.jpg";

        }

        else

        {

            this.Image1.ImageUrl = "~/img/全开.jpg";

        }

    }

页面有个JavaScript的定时刷新

<script language="javascript">

function SX()

{

 location.reload();

  setTimeout("SX()",1000);   

}

 setTimeout("SX()",1000);   

</script>



<body>

    <form id="form1" runat="server">

        <div onload="SX()">

            <asp:Image ID="Image1" runat="server" ImageUrl="~/img/全关.jpg" />

        </div>

    </form>

</body>

以上是所有的代码，我的意思是webservice是定时5秒来传值，其中值只有0和1两种。然后在页面的C#调用这个webservice的方法，然后根据传来的值，进行判断，如果为0，显示全关图片，为1显示全开图片，1秒页面定时刷新。

可是我在测试的时候发现，图片的显示并没有按照5秒来切换，而是没有规律的切换，有时候是5秒切换，有时候是1秒切换。
我怀疑是不是在每1秒刷新的时候又重新调用了webservice里的方法，但是如果要是那样的话，应该每1秒刷新的图片都应该是一样的不会改变的了。
我想知道为什么会出现上面的情况，我所要实现的功能怎么实现？
谢谢！