0

特定のプロセスのパフォーマンスを画面 (LCD TV) に表示する asp.net c# の Web サイトがあります。以下のコードを使用して、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 分ごとにこのコードを変更して時間内に機能させる方法はありますか? 私は自分自身を試していましたが、それを行うことができませんでした:(

または、これを達成する方法に関する他のアイデアかもしれません。

4

1 に答える 1

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 秒間表示されます。

于 2013-09-17T22:32:03.157 に答える