执行计时器滴答功能时避免回发

发布于 2024-12-29 22:19:25 字数 438 浏览 0 评论 0原文

我需要更新网站中的图像，而不需要在页面中回发。因此，我将图像加载到广告旋转器中以在图像之间切换。

我还使用计时器滴答功能来刷新广告旋转器中的图像。

但是，当计时器滴答函数刷新时，整个页面都会刷新，以便重新加载我在页面中声明的所有函数。

我只需要广告旋转器图像中的图像应该刷新而不是整个页面。

我需要避免整个页面刷新。请帮助我。

$(document).ready(function() {
    setInterval(function() {
        $('#<% = addrotat.ClientID %>').load(location.href + ' #<% = addrotat.ClientID %> ', '' + Math.random() + '');
    }, 5000);
});

原文

i need to do update images in my site without doing post back in a page.So, i loaded the images in ad-rotator to toggl between images.

I also used the timer tick function to refresh the images in the ad-rotator.

But while timer tick function refresh the whole page is refreshed so that all functions that i declared in the page is reloaded.

i need to only images in the ad-rotator images should refresh not the whole page.

i need to avoid whole refresh of the page.
Pls help me.

$(document).ready(function() {
    setInterval(function() {
        $('#<% = addrotat.ClientID %>').load(location.href + ' #<% = addrotat.ClientID %> ', '' + Math.random() + '');
    }, 5000);
});

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

断舍离 2025-01-05 22:19:25

您需要使用 ajax，通过使用带有适当触发器的更新面板，更新面板使页面的各个部分能够在没有回发的情况下部分呈现。

<asp:UpdatePanel ID="up1" runat="server">
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="yourControl" EventName="yourControlEvent" />
        </Triggers>
        <ContentTemplate> your  content goes here       </ContentTemplate>

    </asp:UpdatePanel>

您可以检查此链接

更新面板，带有触发器，

Updatepanel文档

无需刷新页面的 adrotator 示例

You need to use ajax, by using Update panels with proper triggers, update panel Enables sections of a page to be partially rendered without a postback.

<asp:UpdatePanel ID="up1" runat="server">
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="yourControl" EventName="yourControlEvent" />
        </Triggers>
        <ContentTemplate> your  content goes here       </ContentTemplate>

    </asp:UpdatePanel>

you can check this links

update panel, with Triggers,

Updatepanel documentation

example for adrotator without refreshing the page

回复收藏 0 原文

那一片橙海， 2025-01-05 22:19:25

//auto refresh clock without postback

<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
            <script type="text/vbscript" runat ="server" >
                Private Sub fun()
                    label.Text = Now.ToString
                End Sub
            </script>
        </asp:ScriptManager>
        <div>
            <asp:UpdatePanel ID="up1" runat="server">
                <ContentTemplate ></ContentTemplate>
                <Triggers>
                    <asp:AsyncPostBackTrigger ControlID="tim" EventName="Tick" />
                </Triggers>
                <ContentTemplate>  
                    <asp:Timer ID="tim" Interval ="1000" Enabled ="true " OnTick ="fun" runat ="server" ></asp:Timer>
                    <asp:Label ID="label" runat ="server" Text="DD/MM/YY"></asp:Label>     
                </ContentTemplate>
            </asp:UpdatePanel>  
        </div>
    </form>
</body>

//auto refresh clock without postback

<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
            <script type="text/vbscript" runat ="server" >
                Private Sub fun()
                    label.Text = Now.ToString
                End Sub
            </script>
        </asp:ScriptManager>
        <div>
            <asp:UpdatePanel ID="up1" runat="server">
                <ContentTemplate ></ContentTemplate>
                <Triggers>
                    <asp:AsyncPostBackTrigger ControlID="tim" EventName="Tick" />
                </Triggers>
                <ContentTemplate>  
                    <asp:Timer ID="tim" Interval ="1000" Enabled ="true " OnTick ="fun" runat ="server" ></asp:Timer>
                    <asp:Label ID="label" runat ="server" Text="DD/MM/YY"></asp:Label>     
                </ContentTemplate>
            </asp:UpdatePanel>  
        </div>
    </form>
</body>

回复收藏 0 原文

~没有更多了~