ASCII Loading Indicator in JavaScript

A cool way to show that a webpage or an element on it is loading.

Main code

function ascii_loading_indicator() {
	var v = document.getElementById('clickme');
	var s = 'Loading... ';
	switch (v.innerHTML) {
	case s+'|':
		v.innerHTML = s+'/';
		break;
	case s+'/':
		v.innerHTML = s+'-';
		break;
	case s+'-':
		v.innerHTML = s+'\';
		break;
	case s+'\':
		v.innerHTML = s+'|';
		break;
	default:
		v.innerHTML = s+'|';
	}
	setTimeout('vent()',200);
}

Click me for an example

Code:

<span id="clickme">
	<a href="javascript:;" onclick="ascii_loading_indicator()">Click me for an example</a>
</span>

Just call this function (customize it first) on an onclick event, e.g. in a hyperlink or upload form submit to something that will take some time to complete and need an indicator.