よくやるテスト用メソッド[jQuery版]

README

jQueryを取得している際にコーディング時に設定するスクリプトでも。

test オプジェクトにテストの表示とクリアを設定します。

表示する際は下記の様にします。
test.print(text);

表示を消去する場合は下記の様にします。
test.clear();

jsdoit.css

body { background-color: #DDDDDD; font: 30px sans-serif; }

jsdoit.html

<div id="output">
</div>

jsdoit.js

//簡易表示用オブジェクト test;
//
//機能
//
// test.println(text);
//  @param text 表示用のテキスト
//  予め設定しておいた要素に文字列を追加する。
//
// test.clear();
//  予め設定しておいた要素を空にする。
//
var test = function($,outputSelecter){
	var output = null;
    $(document).ready(function(){
    	output = $(outputSelecter);
    });
    return {
        "print":function(_text){
            if(output instanceof jQuery) $("<div/>").text(_text).appendTo(output);
        },
        "clear":function(){
            if(output instanceof jQuery) output.text("");
        }
    };
}(jQuery,"#output");


//出力例
(function($){
    var start =1;
    var counter =start;
    var end =10;
    var key = setInterval(function(){
        if(counter>end){
            //クリア
        	test.clear();
            counter =start;
        }else{
            //表示
            test.print("test"+counter);
            counter++;
        }
    },1000);
})(jQuery);