HTML5 Address Bar Accessing – a simple Graphic EQ!

0 Flares Twitter 0 Facebook 0 Google+ 0 LinkedIn 0 Email -- Filament.io 0 Flares ×

Today I just want to show you a simple, but powerful Javascript instruction for HTML5:

history.replaceState()

With this function you can change the address bar strings of your browser… Feel interested?


I was inspired by FLAPPY BRAILLE, a genial browser game developed by Alexandre G. Raymond (@ilesinge).
This game is obviously based on the (R.I.P.) Flappy Birds, but completly written in Javascript, HTML5 and ...Braille ASCII table!

My little example simulates a graphic equalizer effect on the address bar, testing some animations just using braille signs as Flappy Braille teaches.

So if you wanna try it...

click here and look UP at the Address Bar!

REQUIREMENTS

  • HTML5 Browser (Chrome, Firefox, Safari, IE10+)
  • PC WINDOWS, LINUX or MAC (not MOBILE!)

JS SETTINGS

The very first lines of my code are just to set up the timing variables:
[code lang="js" title="JAVASCRIPT"]
var timer = "";
var base = 20;
var nexttimer = base;
function next_t() {
window.nexttimer = window.nexttimer+window.base;
return window.nexttimer;
}
[/code]

The window.base var is set up to 20 (milliseconds), but you can try to change it for different effects.
next_t() function counts the time steps and returns the next event time.

Now we can write the main Object called GEe. First variables are settings: h is the string separator, basically composed by a sharp (#) symbol and some spaces.
The sharp is required for not affecting the address bar default behaviours. Then I set up the ascii table for braille chars used in this example: each character is made by 2 piles of dots. Zero is just a simple space; 1 line (2 dots) is 0x2800, 2 lines (4 dots) is 0x28C0, 3 lines (6 dots) is 0x28E4, 4 lines (8 dots) is 0x28F6, 5 lines (10 dots) is 0x28FF. They are all in state[] array (from 0 to 4).

[code lang="js" title="JAVASCRIPT"]
var GEe = {
h: '# ',
state: [
0x2800,
0x28C0,
0x28E4,
0x28F6,
0x28FF
],
init: function(r) {
for (var i=1;i<=r;i++)
{
GEe.loop();
}
},
loop: function (){
GEe.l_noise(1);
GEe.l_wait(500);
GEe.l_wave(1);
GEe.l_wait(500);
GEe.l_upanddown(1);
GEe.l_wait(500);
GEe.l_1uprestdown(1);
GEe.l_wait(500);
GEe.l_pingpong(4);
GEe.l_wait(500);
GEe.l_dancefloor(1,140);
},
l_wave: function(r) {
//loop: wave
for (var i=1;i<=r;i++)
{
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[1]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[1],GEe.state[2]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[1],GEe.state[2],GEe.state[3]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[1],GEe.state[2],GEe.state[3],GEe.state[4]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[2],GEe.state[3],GEe.state[4],GEe.state[3]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[2],GEe.state[3],GEe.state[4],GEe.state[3],GEe.state[2]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[3],GEe.state[4],GEe.state[3],GEe.state[2],GEe.state[1]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[3],GEe.state[2],GEe.state[1],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[3],GEe.state[2],GEe.state[1],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[2],GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
}
},
l_upanddown: function(r) {
//loop: up and down
for (var i=1;i<=r;i++)
{
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[1],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[1],GEe.state[2],GEe.state[1],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[2],GEe.state[3],GEe.state[2],GEe.state[1]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[2],GEe.state[3],GEe.state[4],GEe.state[3],GEe.state[2]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[3],GEe.state[4],GEe.state[4],GEe.state[4],GEe.state[3]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[4],GEe.state[4],GEe.state[4],GEe.state[4]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[4],GEe.state[3],GEe.state[4],GEe.state[4]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[3],GEe.state[2],GEe.state[3],GEe.state[4]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[3],GEe.state[2],GEe.state[1],GEe.state[2],GEe.state[3]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[2],GEe.state[1],GEe.state[0],GEe.state[1],GEe.state[2]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[1]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
}
},
l_noise: function(r) {
//loop: noise
for (var i=1;i<=r;i++)
{
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[1],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[1],GEe.state[0],GEe.state[1]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[1]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
}
},
l_1uprestdown: function(r) {
//loop: 1up rest down
for (var i=1;i<=r;i++)
{
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[4],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[4],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[4]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
}
},
l_pingpong: function(r) {
//loop: ping pong
for (var i=1;i<=r;i++)
{
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[4],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[4],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[4]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[4],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[4],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
}
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
},
l_dancefloor: function(r,bpm) {
//loop: dancefloor simulation
rep = Math.floor((60000/window.base)/bpm);
for (var i=1;i<=r;i++)
{
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[2],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
//window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
for (var n=1;n<=rep;n++)
{
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
}
}
},
l_wait: function(ms) {
var rep = Math.floor((1/window.base)*ms);
for (var i=1;i<=rep;i++)
{
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
}
},
clear: function() {
window.clearTimeout(window.timer);
}
}
GEe.init(1);
[/code]

I wrote some functions in this Object that simulates graphic EQ effects, but you can try other effects just using this base:
[code lang="js" title="JAVASCRIPT"]
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[1],GEe.state[2],GEe.state[3],GEe.state[4]))},next_t());
[/code]

Feel free to change GEe.state[x] with a number from 0 to 4. Also you can add new characters, just separating new GEe.state[x] by a comma.
This is the core of the script! history.replaceState can do all the magic!
Don't forget to instantiate GEe with GEe.init(N) instruction! N is the number of repetitions you want.

Now the complete code (HTML + JS):

[code lang="HTML" title="HTML + JS"]
<html>
<head>
<script type="text/javascript">
var timer = "";
var base = 20;
var nexttimer = base;
function next_t() {
window.nexttimer = window.nexttimer+window.base;
return window.nexttimer;
}
var GEe = {
h: '# ',
state: [
0x2800,
0x28C0,
0x28E4,
0x28F6,
0x28FF
],
init: function(r) {
for (var i=1;i<=r;i++)
{
GEe.loop();
}
},
loop: function (){
//window.clearTimeout(window.timer);
GEe.l_noise(1);
GEe.l_wait(500);
GEe.l_wave(1);
GEe.l_wait(500);
GEe.l_upanddown(1);
GEe.l_wait(500);
GEe.l_1uprestdown(1);
GEe.l_wait(500);
GEe.l_pingpong(4);
GEe.l_wait(500);
GEe.l_dancefloor(1,140);
GEe.l_wait(500);
},
l_wave: function(r) {
//loop: wave
for (var i=1;i<=r;i++)
{
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[1]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[1],GEe.state[2]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[1],GEe.state[2],GEe.state[3]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[1],GEe.state[2],GEe.state[3],GEe.state[4]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[2],GEe.state[3],GEe.state[4],GEe.state[3]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[2],GEe.state[3],GEe.state[4],GEe.state[3],GEe.state[2]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[3],GEe.state[4],GEe.state[3],GEe.state[2],GEe.state[1]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[3],GEe.state[2],GEe.state[1],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[3],GEe.state[2],GEe.state[1],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[2],GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
}
},
l_upanddown: function(r) {
//loop: up and down
for (var i=1;i<=r;i++)
{
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[1],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[1],GEe.state[2],GEe.state[1],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[2],GEe.state[3],GEe.state[2],GEe.state[1]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[2],GEe.state[3],GEe.state[4],GEe.state[3],GEe.state[2]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[3],GEe.state[4],GEe.state[4],GEe.state[4],GEe.state[3]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[4],GEe.state[4],GEe.state[4],GEe.state[4]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[4],GEe.state[3],GEe.state[4],GEe.state[4]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[3],GEe.state[2],GEe.state[3],GEe.state[4]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[3],GEe.state[2],GEe.state[1],GEe.state[2],GEe.state[3]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[2],GEe.state[1],GEe.state[0],GEe.state[1],GEe.state[2]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[1]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
}
},
l_noise: function(r) {
//loop: noise
for (var i=1;i<=r;i++)
{
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[1],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[1],GEe.state[0],GEe.state[1]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[1]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
}
},
l_1uprestdown: function(r) {
//loop: 1up rest down
for (var i=1;i<=r;i++)
{
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[4],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[4],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[4]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
}
},
l_pingpong: function(r) {
//loop: ping pong
for (var i=1;i<=r;i++)
{
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[4],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[4],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[4]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[4],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[4],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
}
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
},
l_dancefloor: function(r,bpm) {
//loop: dancefloor simulation
rep = Math.floor((60000/window.base)/bpm);
for (var i=1;i<=r;i++)
{
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[2],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[4],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[1],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
//window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0],GEe.state[0]))},next_t());
for (var n=1;n<=rep;n++)
{
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
}
}
},
l_wait: function(ms) {
var rep = Math.floor((1/window.base)*ms);
for (var i=1;i<=rep;i++)
{
window.timer = setTimeout(function(){history.replaceState({},'',GEe.h+String.fromCharCode(GEe.state[0]))},next_t());
}
},
clear: function() {
window.clearTimeout(window.timer);
}
}
</script>
<title>Test Graphic EQ</title>
</head>
<body>
<script type="text/javascript">
GEe.init(1);
</script>
<h1>GRAPHIC EQ: look at the address bar!!</h1>
</body>
</html>
[/code]

See ya folks!

0 Flares Twitter 0 Facebook 0 Google+ 0 LinkedIn 0 Email -- Filament.io 0 Flares ×