HtmlTextWritterを使用してC＃で最後にロードするJavaScriptファイルを遅延させる方法

Question

ユーザーが指定した時間帯に合わせていくつかのアナログ時計を表示するように作成したWebパーツがあります。私が抱えている問題は、私の時計が時々ロードされ、時にはそうでないことです。私は自分の問題が私のjsファイルの読み込み順序にある​​と信じています。私は、私のWebパーツコードでOnLoadイベントで読み込んだjsを持っていて、clock.jsファイル（クロックを構築するファイル）は、UTC時間+オフセットが与えられているコードより前に実行されています。

protected override void Render(HtmlTextWriter output) 
    { 
    base.Render(output); 


var skins = this._ClockSkins.ToString(); 

output.Write("<table align=\"center\"><tr>"); 

for (int i = 0; i < 6; i++) 
{ 



output.RenderBeginTag(HtmlTextWriterTag.Script); 
output.AddAttribute(HtmlTextWriterAttribute.Type, "text/javascript"); 

//output.Write("var time;"); 
output.Write("function LoadTrigger() {"); 
output.Write("document.write('<span><div width=\"90px\"><td width=\"90px\" valign=\"top\" align=\"center\" ><canvas class=\"CoolClock:" + skins + "\" id=\"[" + i + "]\" ></canvas></td></div></span>');"); 
output.Write("}"); 
output.Write("window.onload = LoadTrigger();"); 
//output.Write("window.setTimeout(\"LoadTrigger()\", 1000);"); 
output.RenderEndTag(); 

//output.Write("<script defer=\"defer\" type=\"text/javascript\">document.write  ('<span><div width=\"90px\"><td width=\"90px\" valign=\"top\" align=\"center\" ><canvas class=\"CoolClock:" + skins + "\" id=\"[" + i + "]\" ></canvas></td></div></span>');</script>"); 
} 

output.Write("</tr></table>"); 


} 
} 

は今、時にはクロックが細かいレンダリングされます、そして時々私は私のアナログ時計の殻なし分または秒の手を持つことになります（これらは、次のとおりです。ここ

はクロックのクロックを表示するための私のコードですそれが設定されている時間帯に基づいてレンダリングされます）。あなたがコメントアウトしたコードからわかるように、私はこれを正しく動作させるためのいくつかの異なる方法を試しました。私の時計が時々動作する理由を尋ね、もし私がページを数回リフレッシュすれば、彼らはうまくいくでしょう。

Answer 1

あなたのページにこのインクルージョンの書き込みを遅らせるために

setTimeout(function(){ 
    document.write("<script type='text/javascript' src='clock.js'></script> 
"); 
}, 1000); 

ようなものを使用することができます。

Answer 2

jsファイルを呼び出す場合は、実際にJQueryを使用できますか？ .jsファイルにJQueryを追加できたら、これを使用することができます：

$（document）.ready（function（）{ ...あなたのものはここ... }）;

ページがロードされた後に実行される。