マウスの移動などのユーザーの操作に応答して機能が開始されるのではなく、自動化されたスクリプトが完了したときに機能を実行する方法はありますか?イベントハンドラの使用
答えて
あなたのコードを変更しました。
<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. jQuery Global Ajaxイベントハンドラの使用例?
- 3. QWidgetクラスを使用したQMLのイベントハンドラ
- 4. WPF MVVMコマンドとイベントハンドラの使用
- 5. イベントハンドラ対デリゲートを使用する
- 6. iframeを使用したJavaScriptイベントハンドラ
- 7. Meteorテンプレートのイベントハンドラでの "this"のコンテキスト(テンプレート用のハンドルバーの使用)
- 8. Windowsフォームのコントロールに汎用イベントハンドラを使用する!
- 9. イベントハンドラを使用したSDL Tridionコンポーネントのコンテンツのオーバーライド
- 10. 他のイベントハンドラでこのキーワードを使用する方法
- 11. イベントハンドラの使用とイベント発生メソッドのオーバーライド
- 12. SelectedItemをLoadingRow内で使用する方法DataGridのイベントハンドラ?
- 13. は、イベントハンドラを使用してMouseDraggedとのmouseClickedイベント
- 14. イベントハンドラを使用してボタンの内容を変更します
- 15. が反応:私が使用している親のイベントハンドラ
- 16. 私はどのComboBoxイベントハンドラを使用しますか?
- 17. HTMLイベントハンドラとDOMレベル0イベントハンドラの違い
- 18. Datalist内のラベル用のASP.NETイベントハンドラ
- 19. Qframe用の選択されたイベントハンドラとクリックされたイベントハンドラの作成
- 20. イベントハンドラをベースクラスから使用する方法
- 21. カスタムテキストボックスからイベントハンドラを使用するには?
- 22. 変更イベントハンドラを大量に使用する
- 23. 関数名を渡してイベントハンドラで使用する
- 24. DataTriggerを使用して動的にイベントハンドラを設定する
- 25. JSwing - 異なるパラメータ値を持つイベントハンドラを使用する
- 26. JQueryのイベントハンドラ
- 27. DataTemplateのイベントハンドラ
- 28. イベントハンドラのクラス
- 29. イベントハンドラのグローバルエラーログjavascript
- 30. ContextMenuイベントハンドラのListBox.SelectedIndex
ブレイク - ロック!私はあなたの時間、専門知識、そして礼儀を大いに賞賛します。大切にしてください。 – Mindful
あなたは答えの横のチェックをクリックしてくださいでしょうか? – blake305
回答としてマークされています。遅れて申し訳ありません。 – Mindful