☰

Greasy Fork 支持简体中文。

DC_auto_refresh_test_only

Custom auto-refresh, display ping/delay network info overlay.

  1. // ==UserScript==
  2. // @name		DC_auto_refresh_test_only
  3. // @author		Ladoria
  4. // @version		0.2
  5. // @grant    none
  6. // @description	Custom auto-refresh, display ping/delay network info overlay.
  7. // @match		http://www.dreadcast.net/Main
  8. // @match		http://www.dreadcast.net/Index
  9. // @copyright	2015+, Ladoria
  10. // @namespace InGame
  11. // ==/UserScript==
  12.  
  13. /*	
  14. 	Reload or ask to reload window if no successful network activityfor a while
  15. 	Display tiny overlay on left top of window. (Delay between 2 refreshs)
  16. 	Display alert message before reload (Can be deactivated)
  17. 	Always can abort a reload
  18. */
  19.  
  20. // Global
  21. var reload_asked = 0;
  22. var last_request_completed = Date.now();
  23. var check_delay = 3000; // In ms, x >= 3000. DC's refresh is each ~2950ms.
  24. var lag_buster = 10000; // In ms, setted to casual or hard mode.
  25. var casual_lag_buster = 10000; // In ms, x >= 2000. Time to activate reconnection routine. Because lag is life, m'k.
  26. var hard_lag_buster = 600000; // In ms, x >= 600000 (10min). Time to activate reconnection routine during hard lagging.
  27. casual_lag_buster += check_delay; // Basic anti-lag security
  28. hard_lag_buster += check_delay;
  29. var refresh_time_limit = 120000; // In ms. Time to auto-refresh. (+ lag_buster in script)
  30. var script_paused = false;
  31. var disconnected = false;
  32. var global_clock_interval = undefined;
  33.  
  34. // Cookies
  35. var cookie_prefix = "DC_auto_refresh_";
  36. var animation_enabled = true; // Enable delay animation
  37. var show_overlay = true; // Show ping overlay
  38. var show_overlay_options = true; // Show options overlay
  39. var full_auto = false; // Do not ask to reload
  40. var script_enabled = true;
  41.  
  42. // Overlay
  43. var refresh_interval;
  44. var server_date = new Date(); // Hard lagging from 5:00 to 6:00 GTM + 2
  45. var last_request_send = Date.now(); // Last attempt time
  46. var first_request_send = Date.now(); // First of failed attempts time
  47.  
  48. var alert_messages = new Array();
  49. alert_messages.ask_to_reload = 'Attention, vous semblez avoir été déconnecté. Rechargement de la page dans <span class="seconds">&nbsp;</span> seconde(s) <br><div class="btnTxt abort"><div>Annuler</div></div><div class="btnTxt reload"><div>Recharger</div></div>';
  50. alert_messages.unconnected = 'Attention, vous semblez toujours déconnecté.&nbsp;<div class="btnTxt hide"><div>OK</div></div>';
  51. alert_messages.connected = '<span class="ok_message">Vous semblez avoir été reconnecté.</span>&nbsp;&nbsp;<div class="btnTxt hide"><div>OK</div></div>';
  52.  
  53. $(document).ready( function() {
  54. 	$('body').append('<style>#auto_refresh {display: block;z-index: 1000000;position: absolute;top: 31px;width: 100%;text-align: center;}#auto_refresh .overlay_container {z-index: 1000001;position: absolute;top: 0px;max-width: 131px;color: white;line-height: 14px;font-size: 10px;}#auto_refresh .overlay, #auto_refresh .overlay_options {float: left;margin-right: 2px;margin-bottom: 1px;max-height: 125px;color: white;background-color: rgba(0, 0, 0, 0.75);line-height: 14px;font-size: 10px;}#auto_refresh .overlay .toggle, #auto_refresh .overlay_options .toggle, #auto_refresh .overlay_options .abort_reload_auto {float: right;padding-left: 5px;padding-right: 5px;width: 6px;border: 1px solid gray;cursor: pointer;}#auto_refresh .overlay_options .abort_reload_auto {display: none;color: red;font-weight: bold;border: 1px solid red;}#auto_refresh .overlay_options .check_box {float: right;width: 14px;height: 100%;background-color: rgba(255,0,0,0.5);box-shadow: inset 0px 0px 0px 1px red;}#auto_refresh .overlay .refresh_delay, #auto_refresh .overlay_options .full_auto , #auto_refresh .overlay_options .reload_auto {float: left;margin-right: 1px;width: 105px;color: back;background-color: transparent;border: 1px solid green;cursor: pointer;}#auto_refresh .overlay_options .full_auto, #auto_refresh .overlay_options .reload_auto {border: 1px solid gray;}#auto_refresh .overlay_options .reload_auto {cursor: default;display: none;}#auto_refresh .overlay .refresh_delay .actual_time {position: absolute;top: 0px;left: 0px;background-color: rgba(0, 255, 0, 0.1);height: 100%;overflow: hidden;}#auto_refresh .alert_container {display: none;}#auto_refresh .alert {position: relative;display: inline-block;padding: 5px;color: red;background-color: white;text-align: center;font-size: 15px;}#auto_refresh .alert .abort, #auto_refresh .alert .reload, #auto_refresh .alert .hide {display: inline-block;margin: 4px;width: 100px;}#auto_refresh .ok_message{color: green;}</style>');
  55. 	$("body").append('<div id="auto_refresh"><div class="overlay_container"><div class="overlay"><div class="ping refresh_delay" title="Activer/Désactiver animation"><div class="actual_time barre_etat"></div><span class="data">Ping</span> : <span class="seconds">&nbsp;</span> <span class="unit">ms</span></div><div class="toggle" title="Ping">&lt;</div></div><div class="overlay_options"><div class="full_auto" title="Activer/Désactiver notifications"><span class="data">Full auto</span><span class="check_box" value="0">&nbsp;</span></div><div class="toggle" title="Mode full auto">&lt;</div></div><div class="overlay_options"><div class="reload_auto" title="Refresh prévu dans..."><span class="data">Refresh</span> : <span class="seconds">&nbsp;</span> <span class="unit">s</span></div><div class="abort_reload_auto" title="Stopper le refresh prévu">x</div></div></div><div class="alert_container"><div class="alert fakeToolTip"></div></div></div>');
  56. 	
  57. 	function initialize() {
  58. 		if(undefined !== getCookie('global')) {
  59. 			show_overlay = (/overlay_on/gi.test(getCookie('global'))) ? true : false;
  60. 			show_overlay_options = (/overlay_options_on/gi.test(getCookie('global'))) ? true : false;
  61. 			animation_enabled = (/delay_anim_on/gi.test(getCookie('global'))) ? true : false;
  62. 			full_auto = (/full_auto_on/gi.test(getCookie('global'))) ? true : false;
  63. 		}
  64. 		else
  65. 			saveCookie('global','');
  66. 		
  67. 		if(false === show_overlay) {
  68. 			$('#auto_refresh .overlay .toggle').html('>');
  69. 			$('#auto_refresh .overlay .ping').hide();
  70. 		}
  71. 		if(false === animation_enabled) {
  72. 			$('#auto_refresh .animation_enabled .toggle').html('>');
  73. 			$('#auto_refresh .animation_enabled .full_auto').hide();
  74. 		}
  75. 		if(false === show_overlay_options) {
  76. 			$('#auto_refresh .overlay_options .toggle').html('>');
  77. 			$('#auto_refresh .overlay_options .full_auto').hide();
  78. 			
  79. 			if(false === full_auto)
  80. 				$('#auto_refresh .overlay_options .toggle').css({'borderColor' : 'red'});
  81. 			else
  82. 				$('#auto_refresh .overlay_options .toggle').css({'borderColor' : 'green'});
  83. 		}
  84. 		if(true === full_auto) {
  85. 			$('#auto_refresh .overlay_options .full_auto .check_box').css({	'boxShadow' : 'inset 0px 0px 0px 1px rgba(0, 210, 0,1)',
  86. 																			'backgroundColor' : 'rgba(0,255,0,0.5)'});
  87. 		}
  88. 	}
  89. 	
  90. 	// Handle alert messages
  91. 	function show_alert(message) {
  92. 		// Automatic mode, no alert
  93. 		if (true === full_auto) {
  94. 			hide_alert();
  95. 			return;
  96. 		}
  97. 		
  98. 		$('#auto_refresh .alert').html(alert_messages[message]);
  99. 		
  100. 		// Yes/No alert
  101. 		if('ask_to_reload' == message) {
  102. 			// User want to abort, then notify user and pause script
  103. 			$('#auto_refresh .alert .abort').on('click', function() {
  104. 				abort_reload();
  105. 				
  106. 				show_alert('unconnected');
  107. 			});
  108. 			
  109. 			// Do reload
  110. 			$('#auto_refresh .alert .reload').on('click', function() {
  111. 				do_reload();
  112. 			});
  113. 			
  114. 			// Refresh reload countdown
  115. 			refresh_reload_alert(true);
  116. 		}
  117. 		else if ('connected' == message || 'unconnected' == message) {
  118. 			// hide alert
  119. 			$('#auto_refresh .alert .hide').on('click', function() {
  120. 				hide_alert();
  121. 			});
  122. 		}
  123. 		
  124. 		$('#auto_refresh .alert_container').show();
  125. 	}
  126. 	
  127. 	function hide_alert() {
  128. 		$('#auto_refresh .alert_container').hide();
  129. 	}
  130. 	
  131. 	// Stop refresh countdown
  132. 	function abort_reload() {
  133. 		clearInterval(refresh_interval);
  134. 		
  135. 		reload_asked = 0;
  136. 		script_paused = true;
  137. 		// last_request_completed = Date.now();
  138. 	}
  139. 	
  140. 	// Reload window
  141. 	function do_reload() {
  142. 		// Useless, but lovely
  143. 		script_paused = true;
  144. 		
  145. 		// Click method to avoid form issues
  146. 		window.location.href = 'http://www.dreadcast.net/Main';
  147. 	}
  148. 	
  149. 	// Handle reload events
  150. 	function handle_reload() {
  151. 		if(true === script_paused) return;
  152. 		
  153. 		// If no network activity for a while, reload.
  154. 		if (Date.now() - last_request_completed >= lag_buster) {
  155. 			// Delay to refresh
  156. 			if(0 === reload_asked) {
  157. 				reload_asked = Date.now();
  158. 				refresh_reload_auto();
  159. 			}
  160. 			
  161. 			// If yes/no alert hidden, show it (fired every seconds in full auto mode)
  162. 			if (true === full_auto) {
  163. 				hide_alert();
  164. 			}
  165. 			else if (false === $('#auto_refresh .alert .abort').is(':Visible'))
  166. 					show_alert('ask_to_reload'); // If full auto mode, disabled function
  167. 			
  168. 			// If waiting asked and done, reload
  169. 			if (0 !== reload_asked)
  170. 				if (Date.now() - reload_asked >= refresh_time_limit) {
  171. 					
  172. 					do_reload();
  173. 				}
  174. 		}
  175. 	}
  176. 	
  177. 	// Refresh reload countdown
  178. 	function refresh_reload_alert(forced) {
  179. 		if (true === forced || true === $('#auto_refresh .alert .seconds').is(':Visible')) {
  180. 			$('#auto_refresh .alert .seconds').html(Math.round((refresh_time_limit - (Date.now() - reload_asked)) / 1000));
  181. 		}
  182. 	}
  183. 	
  184. 	// Overlay
  185. 	// Display refreshed ping
  186. 	function refresh_ping(request_send, request) {
  187. 		// If connected, refresh values
  188. 		if (false === disconnected)
  189. 			first_request_send = request_send;
  190. 		else {
  191. 			request = Date.now(); // If disconnected, keep stored data.
  192. 			request_send = first_request_send;
  193. 		}
  194. 		
  195. 		var ping = ((request - request_send) < 0) // During requesting new Check
  196. 			? ping
  197. 			: request - request_send;
  198. 		
  199. 		if (false === show_overlay) {
  200. 			if (ping > (check_delay * 2))
  201. 				$('#auto_refresh .overlay .toggle').css({'borderColor' : 'red'});
  202. 			
  203. 			return;
  204. 		}
  205. 		
  206. 		// Time background-color cheat.
  207. 		if (ping > (check_delay * 2)) {
  208. 			$('#auto_refresh .overlay .refresh_delay').css(	{'borderColor' : 'red'});
  209. 			$('#auto_refresh .overlay .actual_time').css(	{'width' : '0px'},
  210. 															{'backgroundColor' : 'rgba(255, 0, 0, 0.2)'});
  211. 			$('#auto_refresh .overlay .refresh_delay .data').html('Délai');
  212. 		}
  213. 		
  214. 		if (true === disconnected) {
  215. 			ping = Math.round(ping / 100) / 10;
  216. 			$('#auto_refresh .overlay .refresh_delay .unit').html('s');
  217. 		}
  218. 		else
  219. 			$('#auto_refresh .overlay .refresh_delay .unit').html('ms');
  220. 		
  221. 		$('#auto_refresh .overlay .ping .seconds').html(ping);
  222. 	}
  223. 	// Display refreshed delay animation
  224. 	function refresh_delay(request, animation_start) {
  225. 		var animation_progression = 0;
  226. 		
  227. 		if (undefined === animation_start)
  228. 			animation_start = 0;
  229. 		else {
  230. 			// Percent of animation completion
  231. 			animation_progression = (request + check_delay - animation_start);
  232. 			animation_progression = 1 - (animation_progression / check_delay);
  233. 		}
  234. 		// Stop animation, then set to new width
  235. 		$('#auto_refresh .overlay .actual_time').stop();
  236. 		
  237. 		// Overlay hide, do not animate
  238. 		if(false === show_overlay) {
  239. 			$('#auto_refresh .overlay .toggle').css({'borderColor' : 'green'});
  240. 			
  241. 			return;
  242. 		}
  243. 		
  244. 		$('#auto_refresh .overlay .toggle').css({'borderColor' : 'gray'});
  245. 		$('#auto_refresh .overlay .refresh_delay').css(	{'borderColor' : 'green'});
  246. 		$('#auto_refresh .overlay .actual_time').css(	{'width' : (animation_progression * $('#auto_refresh .overlay .refresh_delay').width()) + 'px'},
  247. 														{'backgroundColor' : 'rgba(0, 255, 0, 0.2)'});
  248. 		$('#auto_refresh .overlay .refresh_delay .data').html('Ping');
  249. 		
  250. 		if (false === animation_enabled) return;
  251. 		
  252. 		// Moving width to 100% at correct speed
  253. 		$('#auto_refresh .overlay .actual_time').animate(
  254. 			{width : $('#auto_refresh .overlay .refresh_delay').width()}
  255. 			, check_delay - (check_delay * animation_progression));
  256. 	}
  257. 	
  258. 	function refresh_reload_auto() {
  259. 		console.log('\n');
  260. 		console.log('refresh_reload_auto :');
  261. 		console.log('disconnected : ' + disconnected);
  262. 		console.log('full_auto : ' + full_auto);
  263. 		console.log('reload_asked : ' + (0 === reload_asked) ? reload_asked : ((Date.now() - reload_asked) / 1000).toFixed(2) + ' s');
  264. 		console.log('last_request_send : ' + ((Date.now() - last_request_send) / 1000).toFixed(2) + ' s');
  265. 		console.log('last_request_completed : ' + ((Date.now() - last_request_completed) / 1000).toFixed(2) + ' s');
  266. 		
  267. 		if (0 === reload_asked || true !== full_auto) {
  268. 			$('#auto_refresh .overlay_options .reload_auto').hide();
  269. 			$('#auto_refresh .overlay_options .abort_reload_auto').hide();
  270. 			return;
  271. 		}
  272. 		
  273. 		console.log('refresh_time_limit(' + refresh_time_limit + ') - (Date.now(' + Date.now() + ') - reload_asked(' + reload_asked + ')) = ' + (refresh_time_limit - (Date.now() - reload_asked)));
  274. 		
  275. 		$('#auto_refresh .overlay_options .reload_auto').show();
  276. 		$('#auto_refresh .overlay_options .abort_reload_auto').show();
  277. 		$('#auto_refresh .overlay_options .reload_auto .seconds').html(Math.round((refresh_time_limit - (Date.now() - reload_asked)) / 1000));
  278. 	}
  279. 	
  280. 	// Toggle delay animation
  281. 	$('#auto_refresh .overlay .ping').on('click', function() {
  282. 		animation_enabled = !animation_enabled;
  283. 		
  284. 		refresh_delay(last_request_completed, Date.now());
  285. 		
  286. 		// Remove old value and put new value
  287. 		saveCookie(	'global',
  288. 					getCookie('global').replace(/(delay_anim_on|delay_anim_off)/gi, '') + ((true === animation_enabled) ? 'delay_anim_on' : 'delay_anim_off'));
  289. 	});
  290. 	// Toggle full auto mode
  291. 	$('#auto_refresh .overlay_options .full_auto').on('click', function() {
  292. 		full_auto = !full_auto;
  293. 		
  294. 		if(true === full_auto) {
  295. 			$('#auto_refresh .overlay_options .full_auto .check_box').css({	'boxShadow' : 'inset 0px 0px 0px 1px rgba(0, 210, 0,1)',
  296. 																			'backgroundColor' : 'rgba(0,255,0,0.5)'});
  297. 		}
  298. 		else {
  299. 			$('#auto_refresh .overlay_options .full_auto .check_box').css({	'boxShadow' : 'inset 0px 0px 0px 1px red',
  300. 																			'backgroundColor' : 'rgba(255,0,0,0.5)'});
  301. 		}
  302. 		
  303. 		script_paused = false;
  304. 		
  305. 		// Remove old value and put new value
  306. 		saveCookie(	'global',
  307. 					getCookie('global').replace(/(full_auto_on|full_auto_off)/gi, '') + ((true === full_auto) ? 'full_auto_on' : 'full_auto_off'));
  308. 	});
  309. 	
  310. 	// Toggle overlay
  311. 	$('#auto_refresh .overlay .toggle').on('click', function() {
  312. 		$('#auto_refresh .overlay .ping').toggle();
  313. 		
  314. 		show_overlay = !show_overlay;
  315. 		
  316. 		if (true === show_overlay) {
  317. 			$('#auto_refresh .overlay .toggle').html('<');
  318. 			$('#auto_refresh .overlay .toggle').css({'borderColor' : 'gray'});
  319. 		}
  320. 		else {
  321. 			$('#auto_refresh .overlay .toggle').html('>');
  322. 			$('#auto_refresh .overlay .toggle').css({'borderColor' : $('#auto_refresh .overlay .refresh_delay').css('borderColor')});
  323. 		}
  324. 		
  325. 		if(true === animation_enabled)
  326. 			refresh_delay(last_request_completed, Date.now());
  327. 		
  328. 		refresh_ping(last_request_send, last_request_completed);
  329. 		
  330. 		// Remove old value and put new value
  331. 		saveCookie(	'global',
  332. 					getCookie('global').replace(/(overlay_on|overlay_off)/gi, '') + ((true === show_overlay) ? 'overlay_on' : 'overlay_off'));
  333. 	});
  334. 	
  335. 	// Toggle overlay options
  336. 	$('#auto_refresh .overlay_options .toggle').on('click', function() {
  337. 		$('#auto_refresh .overlay_options .full_auto').toggle(); // full auto option
  338. 		
  339. 		show_overlay_options = !show_overlay_options;
  340. 		
  341. 		if (true === show_overlay_options) {
  342. 			$('#auto_refresh .overlay_options .toggle').css({'borderColor' : 'gray'});
  343. 			$('#auto_refresh .overlay_options .toggle').html('<');
  344. 		}
  345. 		else {
  346. 			if (true === full_auto)
  347. 				$('#auto_refresh .overlay_options .toggle').css({'borderColor' : 'green'});
  348. 			else
  349. 				$('#auto_refresh .overlay_options .toggle').css({'borderColor' : 'red'});
  350. 				
  351. 			$('#auto_refresh .overlay_options .toggle').html('>');
  352. 		}
  353. 		
  354. 		// Remove old value and put new value
  355. 		saveCookie(	'global',
  356. 					getCookie('global').replace(/(overlay_options_on|overlay_options_off)/gi, '') + ((true === show_overlay_options) ? 'overlay_options_on' : 'overlay_options_off'));
  357. 	});
  358. 	
  359. 	$('#auto_refresh .overlay_options .abort_reload_auto').on('click', function() {
  360. 		abort_reload();
  361. 		refresh_reload_auto();
  362. 	});
  363. 	
  364. 	// Global clock
  365. 	function start_global_clock() {
  366. 		if(undefined !== global_clock_interval)
  367. 			clearInterval(global_clock_interval);
  368. 			
  369. 		global_clock_interval = setInterval(function() {
  370. 			// In case of hard lagging (5:00 -> 5:59)
  371. 			lag_buster = (5 == server_date.getHours()) ? hard_lag_buster : casual_lag_buster;
  372. 			
  373. 			// Alert reload time refresh
  374. 			refresh_reload_alert();
  375. 			
  376. 			// Ping refresh
  377. 			refresh_ping(last_request_send, last_request_completed);
  378. 			
  379. 			// Reload auto refresh
  380. 			refresh_reload_auto();
  381. 			
  382. 			// Countdown to window reload
  383. 			handle_reload();
  384. 		}, 1000);
  385. 	}
  386. 	
  387. 	// Script start
  388. 	initialize();
  389. 	start_global_clock();
  390. 	
  391. 	// Update last request send time
  392. 	$(document).ajaxSend( function(a,b,c) {
  393. 		if(/Check/.test(c.url)) {
  394. 			last_request_send = Date.now();
  395. 		}
  396. 	});
  397. 	
  398. 	// Update last request time
  399. 	$(document).ajaxComplete( function(a,b,c) {
  400. 		if(/Check/.test(c.url)) {
  401. 			// Refresh server date
  402. 			server_date = new Date(b.getResponseHeader('Date'));
  403. 			
  404. 			// If request succeeded
  405. 			if(b.readyState === 4) {
  406. 				// If reconnected again connexion, resume script and notify
  407. 				if($('#auto_refresh .alert').is(':Visible') || true === disconnected) {
  408. 					show_alert('connected');
  409. 				
  410. 					// Stop reload
  411. 					abort_reload();
  412. 				}
  413. 				
  414. 				// Resume script
  415. 				script_paused = false;
  416. 				disconnected = false;
  417. 				
  418. 				last_request_completed = Date.now();
  419. 				
  420. 				// Display new data (better sync)
  421. 				refresh_delay(last_request_completed);
  422. 				refresh_reload_auto();
  423. 			}
  424. 			else
  425. 				disconnected = true;
  426. 			
  427. 			// Display new data (better sync)
  428. 			refresh_ping(last_request_send, last_request_completed);
  429. 		}
  430. 	});
  431. });
  432. // handle cookies
  433. function saveCookie(name,val) {
  434. 	name = cookie_prefix + name;
  435. 	
  436. 	if(!navigator.cookieEnabled) return;
  437. 		document.cookie = name + '=' + val + ';expires=Wed, 01 Jan 2020 00:00:00 GMT; path=/';
  438. }
  439. function getCookie(var_name) {
  440. 	name = cookie_prefix + var_name;
  441. 	
  442. 	if(!navigator.cookieEnabled) return undefined;
  443. 	
  444. 	var start = document.cookie.indexOf(name + '=')
  445. 	if(start == -1) return undefined;
  446. 	start += name.length + 1;
  447. 	
  448. 	var end = document.cookie.indexOf(';',start);
  449. 	if (end == -1) end = document.cookie.lenght;
  450. 	
  451. 	return document.cookie.substring(start,end);
  452. };
  453. console.log('DC - Auto Refresh started');