Question

我在asp.net c＃中有一个网站，它在屏幕（液晶电视）中显示特定进程的性能。每隔15秒使用以下代码刷新数据：

<div id="InfoTop">
             <table width="100%" cellpadding="0" cellspacing="0">
                <tr>
                    <td style="vertical-align:top;">                        
                        <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></asp:ToolkitScriptManager>
                        <asp:Timer ID="tInfoTop" runat="server" Interval="15000"></asp:Timer>
                        <asp:UpdatePanel ID="upInfoTop" runat="server" UpdateMode="Conditional">
                        <Triggers>
                            <asp:AsyncPostBackTrigger ControlID="tInfoTop" EventName="Tick" />
                        </Triggers>

                        <ContentTemplate>                                
                            <asp:HiddenField ID="hfRemainingValuesTop" runat="server" Value="0" />
                            <asp:HiddenField ID="hfIncrement" runat="server" Value="0" />
                            <asp:HiddenField ID="hfEnd" runat="server" Value="0" />
                            <asp:HiddenField ID="hfShowCompleted" runat="server" Value="true" />                            
                            <asp:Table ID="InfoTopTable" Width="100%" CellPadding="0" CellSpacing="0" runat="server">                                    
                            </asp:Table>                            
                        </ContentTemplate>                        
                        </asp:UpdatePanel>
                        <asp:UpdatePanelAnimationExtender ID="upaeTopPanel" runat="server" TargetControlID="upInfoTop" BehaviorID="animation">
                            <Animations>                                
                                <OnUpdated>
                                    <FadeIn Duration=".3" Fps="20" MaximumOpacity=".8"></FadeIn> 
                                </OnUpdated> 
                            </Animations>
                        </asp:UpdatePanelAnimationExtender>                    
                    </td>
                </tr>
            </table> 
        </div>

现在考虑使用不变数据（如标题信息）损坏电视的可能性。我想在整个屏幕上添加一个屏幕保护程序，例如，将所有屏幕都设置为黑色，然后显示图像或文本，最后返回显示以前的信息，所有这些每隔10分钟。

我正在查看Yi Jiang（jQuery - Simple Screensaver）的解决方案，但这适用于mousemove事件，是否有任何方法可以更改此代码以使其及时工作，每10分钟一次例？我在尝试自己，却无法做到:(

或许还有关于如何实现这一点的任何其他想法。

Answer 1

从您发布的原始StackOverflow屏幕保护程序链接修改：

var s_saver;

setInterval(function() {
    clearTimeout(s_saver);

    $('#screensaver').fadeIn(100);

    s_saver = setTimeout(function(){
        $('#screensaver').fadeOut(100);
    }, 5000);

}, 600000);

这将导致#screensaver div每10分钟显示5秒钟。

使用JQuery将屏幕保护程序添加到网站

1 个答案: