マウスの移動などのユーザーの操作に応答して機能が開始されるのではなく、自動化されたスクリプトが完了したときに機能を実行する方法はありますか?イベントハンドラの使用
答えて
あなたのコードを変更しました。
<font face="helvetica" color="1b1b1b" size="5px" repeat>
<html>
<head>
<style type="text/css">
#text-box {
padding: 4px;
width: 602px;
}
#text-content {
color: #1b1b1b;
}
</style>
</head>
<body>
<div id="text-box">
<div id="text-content"></div>
</div>
</body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
var textArray = [
'Flow',
'Precision',
'Voice',
'Imagery',
'Pace',
'Unity',
'Word Choice',
'Rhythm',
'Inspiration',
'Balance',
'Clarity',
'Simplicity',
'Revision',
'Discipline',
'Fundamentals',
'Dedication',
'Practice',
];
$('#text-content').loadText(textArray, 5500); // (array, interval)
});
// custom jquery plugin loadText()
$.fn.loadText = function(textArray, interval) {
return this.each(function() {
var obj = $(this);
obj.fadeOut('slow', function() {
obj.empty().html(random_array(textArray));
obj.fadeIn('slow');
alignarray()
});
timeOut = setTimeout(function(){ obj.loadText(textArray, interval)}, interval);
});
}
//public function
function random_array(aArray) {
var rand = Math.floor(Math.random() * aArray.length + aArray.length);
var randArray = aArray[ rand - aArray.length ];
return randArray;
}
function nameoffunction(){
//code in this function will be done after the window loads
alert("random_array");
}
function alignarray(){
var alignarray=['left','center','right'];
var elem=document.getElementById('text-content');
elem.style.textAlign=alignarray[Math.round(Math.random()*2)];
nameoffunction();
}
</script>
</html>
スクリプトの最後に関数を呼び出します。 nameoffunction()
Thanks Blake。以下は私が使用している作業コードです。関数ラインをどのように変更しますか: window.onload = function(){ var alignarray = ['left'、 'center'、 'right']; var elem = document.getElementById( 'text-content'); elem.style.textAlign = alignarray [Math.random()* 2)]; }; – Mindful
function nameoffunction(){
//code in this function will be done after the window loads
alert("hi");
}
window.onload=function(){
var alignarray=['left','center','right'];
var elem=document.getElementById('text-content');
elem.style.textAlign=alignarray[Math.round(Math.random()*2)];
nameoffunction();
}
親愛なるブレイク。これに私に固執してくれてありがとう。私はまだスクリプトを動作させていません(ランダムテキストジェネレーターが新しいテキストを挿入したときにテキストを変更する)。ここに私が使用しているコードとのリンクがあります。あなたの追加は最後の2つの段落から成ります。 http://www.creativewritingstudio.com/javascript.html – Mindful
- 1. jQueryのイベントハンドラ - メモリ使用量
- 2. イベントハンドラ内でのMatplotlibアニメーションの使用
- 3. jQuery Global Ajaxイベントハンドラの使用例?
- 4. typescriptのイベントハンドラで$(this)を使用
- 5. WPF MVVMコマンドとイベントハンドラの使用
- 6. QWidgetクラスを使用したQMLのイベントハンドラ
- 7. C#でイベントハンドラを使用する方法
- 8. iframeを使用したJavaScriptイベントハンドラ
- 9. リーフレットUTFグリッドを使用したJavascriptイベントハンドラ
- 10. Python:OOPでAPIイベントハンドラを使用する
- 11. Backgroundworkerとイベントハンドラを使用したマルチスレッド
- 12. イベントハンドラ対デリゲートを使用する
- 13. Meteorテンプレートのイベントハンドラでの "this"のコンテキスト(テンプレート用のハンドルバーの使用)
- 14. 入力マスクプラグイン用JSのイベントハンドラ
- 15. Windowsフォームのコントロールに汎用イベントハンドラを使用する!
- 16. KAA 8認証用イベントハンドラ
- 17. 他のイベントハンドラでこのキーワードを使用する方法
- 18. イベントハンドラを使用したSDL Tridionコンポーネントのコンテンツのオーバーライド
- 19. イベントハンドラの使用とイベント発生メソッドのオーバーライド
- 20. このselectメニューの例で、jQueryイベントハンドラの代わりにReactjsイベントハンドラを使用するには?
- 21. が反応:私が使用している親のイベントハンドラ
- 22. イベントハンドラを使用してボタンの内容を変更します
- 23. jquery ".off"を使用して1つのイベントハンドラを削除する
- 24. は、イベントハンドラを使用してMouseDraggedとのmouseClickedイベント
- 25. D3、setIntervalとclearIntervalを使用したjavascript関数のスコープとイベントハンドラ
- 26. SelectedItemをLoadingRow内で使用する方法DataGridのイベントハンドラ?
- 27. 私はどのComboBoxイベントハンドラを使用しますか?
- 28. HTMLイベントハンドラとDOMレベル0イベントハンドラの違い
- 29. Datalist内のラベル用のASP.NETイベントハンドラ
- 30. Qframe用の選択されたイベントハンドラとクリックされたイベントハンドラの作成
ブレイク - ロック!私はあなたの時間、専門知識、そして礼儀を大いに賞賛します。大切にしてください。 – Mindful
あなたは答えの横のチェックをクリックしてくださいでしょうか? – blake305
回答としてマークされています。遅れて申し訳ありません。 – Mindful