查看“Widget:TrueRandom”的源代码

<noinclude>
名称：真随机数产生器

作者：grzhan

版权协定：知识共享(Creative Commons) 署名-非商业性使用-相同方式共享 3.0 协议 （CC 3.0 BY-NC-SA）

发布日期：2014年4月14日第一版发布

发布地址：http://zh.moegirl.org/Widget:TrueRandom

注意事项：转载保留出处链接

介绍：这是使用RANDOM.ORG提供的真随机数的产生器，目前主要用于薛定谔的胖次

附注：把includeonly标签内的代码复制到Widget:TrueRandom页面中（含includeonly标签)，然后使用以下代码插入Widget。

使用方法： <nowiki>{{#widget:TrueRandom|src1=""|src2=""|pid=""}}</nowiki>

== 参数 ==
* '''src1''' 和 '''src2''' - 要随机的两个对象，为图片的url地址，默认为胖次图- -
* '''pid'''　该插件的标识符，为了避免在同个页面多次使用该插件造成冲突

[[分类:插件]]
</noinclude>
<includeonly>
    <table class="pants_container" id="truerandom_<!--{$pid|default:1}-->">
    	<th>点开我，看看你的运气如何[<input type="button" class="button" value="点击"/>]</th>
    	<tr>
    		<td>
				<div class="pants"><img src="<!--{$src1|default:'http://image-hosting.qiniudn.com/withpants.png'|validate:url}-->" alt=""></div>
				<div class="nopants"><img src="<!--{$src2|default:'http://image-hosting.qiniudn.com/nopants.jpg'|validate:url}-->" alt="" ></div>
				<div class="wait">还在加载真随机数据，请稍等</div>

			</td>
    	</tr>
    </table>
	
	<script>

		$(document).ready(function(){
			var container = "#truerandom_<!--{$pid|default:1}-->";
			console.log(container);
			$(container + ' .pants').hide();
			$(container + ' .nopants').hide();
			$(container + ' .wait').hide();
			$(container + ' .error').hide();

			var pants_state = container + " .pants";
			var state = false;
			var req = {
				"jsonrpc":"2.0",
				"method":"generateIntegers",
				"params": {
					"apiKey":"a3f6b524-9d01-46cf-8c20-b2ccec32d87ba",
					"n":64,
					"min":0,
					"max":1,
					"replacement":true},
				"id":<!--{$pid|default:'1'}-->
			};

			var random_seq;

			$.post("https://api.random.org/json-rpc/1/invoke",JSON.stringify(req), function(data,textStatus) {
				state = true;
				$(container + ' .wait').hide();
				$(container + ' .error').empty();

				random_seq = new Array();

				function pseudo_random(num) {
					for (var i = 0; i<num;i++) {
						if (Math.random() < 0.5) {
							random_seq.push(0);
						} else {
							random_seq.push(1);
						}
					}
				}

				if (textStatus != "success") {
					pseudo_random(64);
					console.log("Truerandom Widget Error: " + textStatus);
					return ;
				} 

				if (data['error'] != null) {
					pseudo_random(64);
					console.log("Truerandom Widget Error: " + JSON.stringify(data['error']));
					return ;
				}
				random_seq = data['result']['random']['data'];
 
			},'json');

			var toggle_state = 0;
			var arr_index = 0;

			$(container + " .button").click(function(){
				if (state) {
					toggle_state = 1 - toggle_state
					if (toggle_state == 1) {
						if (random_seq != undefined) {
							var arr_len = random_seq.length;
							var p = random_seq[arr_index % arr_len];
							arr_index ++;
							if (p == 0) {
								pants_state = container + " .pants";
							} else {
								pants_state = container + " .nopants";
							}
						} else {
							pants_state = container + " .pants";
						}
						$(pants_state).fadeIn();
					} else {
						$(pants_state).fadeOut();
					}
				} else {
					$(container + " .wait").show();
				}
			});
		});

	</script>

</includeonly>