在Thread.Sleep上删除Internet Explorer中的死锁?

时间:2011-03-14 18:09:09

标签: javascript html silverlight

我知道所有浏览器都是单线程的,并且在JavaScript或Flash Player Thread.sleep中都是不可能实现的。我决定尝试使用“System.Threading”库在Silverlight中实现Thread.Sleep。

App.xaml.cs

using System.Windows;
using System.Windows.Browser;
using System.Threading;

namespace ThreadSleep
{
    public partial class App : Application
    {

        public App()
        {
            InitializeComponent();
            HtmlPage.RegisterScriptableObject("App", this);
        }

        [ScriptableMember]
        public void Sleep(int mlsec)
        {
            Thread.Sleep(mlsec);
        }
    }
}

因此,从JavaScript代码我可以执行睡眠功能,但我的Internet Explorer冻结而没有响应。

以下是我的例子:

的index.html

<HTML>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
    var SleepInterval = 10000;

    function pause1(){
        window.showModalDialog("PauseWin.html", this, 'dialogWidth:255px; dialogHeight:105px; status:0; scroll:0;');
        alert("Resume");
    }
    function pause2(){
        var control = document.getElementById("SleepSL");
        control.Content.App.Sleep(SleepInterval);
        alert("Resume");
    }
    function tick(){
        var clock = document.getElementById("clock");
        if(clock) clock.innerHTML = new Date();
    }
    setInterval(tick, 1000);
//-->
</SCRIPT>
<INPUT TYPE="button" value="Pause Modal Dialog" onclick="pause1()">
<INPUT TYPE="button" value="Pause Thread Sleep" onclick="pause2()">
<BR><BR>

<!--Youtube Video -->
<iframe title="YouTube video player" width="640" height="390" src="http://www.youtube.com/embed/RWNcGBSP0Wg?autoplay=1" frameborder="0" allowfullscreen></iframe>

<!-- Silverlight Sleep API -->
<object id="SleepSL" data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="1" height="1">
    <param name="source" value="SleepSL.xap"/>
    <param name="background" value="white" />
    <param name="minRuntimeVersion" value="4.0.50826.0" />
    <param name="autoUpgrade" value="true" />
    <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.50826.0" style="text-decoration:none">
        <img src="http://go.microsoft.com/fwlink/?LinkId=161376" alt="Get Microsoft Silverlight" style="border-style:none"/>
    </a>
</object>
<BR><BR>

<DIV ID="clock"/>
</BODY>
</HTML>

PauseWin.html

<html>
<title>Pause Window</title>
<style>body{margin-top:10}</style>
<body scroll="no">

<center style='font-size:14px;font-weight:bold'>
    The window will automatically <br> close in <span id="time"></span>&nbsp;second(s).
</center>

<script type="text/javascript">
    var ms = window.dialogArguments.SleepInterval;

    function wait(){
        var span = document.getElementById('time');
        span.innerHTML = (ms / 1000);
        setInterval(function(){ closeWindow(); }, ms);
        setInterval(function(){ ms -= 1000; if(ms > 0) span.innerHTML = (ms / 1000); }, 1000);
    }

    function closeWindow(){
        window.close()
    }
    wait();
</script>
</body>
</html>

通过执行index.html文件,我正在启动YouTube视频和计时器。当我按下“ Pause Modal Dialog ”时,计时器停止,但视频继续播放,10秒后Modal Popup窗口被JS“window.close()”摧毁,在我的代码中,我将进入下一行并执行警报(“恢复”)。视频继续播放没有任何改变。现在,如果我将使用Silverlight Thread.Sleep功能按“暂停线程睡眠”按钮。此时视频将挂起,通过单击Internet Explorer,您可能会在Process Explorer中获得( Not Responded )状态。

我更喜欢在COM,ActiveX或Silverlight对象中使用Thread.Sleep函数,但我需要删除一个线程死锁。获得与JavaScript模式对话框或警报中相同的行为。

非常感谢提前。

此致

David Gofman

代码:

index.html

PauseWin.html

2 个答案:

答案 0 :(得分:1)

您的代码正在完成您要告诉它的操作:它正在睡眠浏览器的UI线程,这意味着您的浏览器无法处理更多消息,因此它会在睡眠期间有效地挂起您的浏览器。浏览器中的Thread.Sleep()是死亡:只是不要在Silverlight或任何其他框架中执行它。

更好的方法是退后一步,问问自己为什么要睡觉,然后找出合理的异步方式。几年前我被抛入Silverlight异步世界,我意识到这可能会让人迷失方向,但我也可以证明我总能找到合理干净的方法来做正确的事。

另一种表达方式:如果你不知道如何做你真正需要完成的事情,发一个关于那个的问题,你可能会得到一些在这里帮忙。

例如,如果您只想等待'n'秒然后执行回调,您可以使用类似这样的帮助程序类:

public class ThreadingHelper
{
    public static void SleepAsync(int millisecondsToSleep, Action action)
    {
        var timer = new Timer(o => action());
        timer.Change(millisecondsToSleep, Timeout.Infinite);
    }

    public static void SleepAsync(TimeSpan interval, Action action)
    {
        SleepAsync((int)interval.TotalMilliseconds, action);
    }

    public static void DispatcherSleepAsync(int millisecondsToSleep, Action action)
    {
        var interval = TimeSpan.FromMilliseconds(millisecondsToSleep);
        DispatcherSleepAsync(interval, action);
    }

    public static void DispatcherSleepAsync(TimeSpan interval, Action action)
    {
        var timer = new DispatcherTimer();
        EventHandler timerHandler = null;
        timerHandler = (s, e) =>
        {
            timer.Tick -= timerHandler;
            if (action != null)
            {
                action();
            }
        };
        timer.Tick += timerHandler;
        timer.Interval = interval;
        timer.Start();
    }

}

答案 1 :(得分:1)

你可以这样做:

function begin() { /* do stuff... */ }
function afterWait() { /* rest of my code...*/ }

begin();
setTimeout(afterWait, 10000);

setTimeout已经有效地停止了您的javascript 10秒钟,浏览器仍然可以继续工作