我知道所有浏览器都是单线程的,并且在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> 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
代码:
答案 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秒钟,浏览器仍然可以继续工作