UUID Generator

http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript

by Brandon

HTML

<span id="uuid"></span>

<br/>
<br/>

<input id="generateUUID" type="button" value="Generate UUID"/>

CSS

body {
    padding: 50px;
    text-align: center;
}

span {
    font-size: 18px;
}

input {
    width: 200px;
    padding: 5px;
    background-color: #0d0;
    border: none;
    border-radius: 5px;
    margin: auto;
}

input:active {
    color: #eee;
}

input:hover {
    background-color: #0a0;
}

JavaScript

function generateUUID() {
    var d = new Date().getTime();
    var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
        var r = (d + Math.random()*16)%16 | 0;
        d = Math.floor(d/16);
        return (c=='x' ? r : (r&0x7|0x8)).toString(16);
    });
    return uuid;
};

document.getElementById('generateUUID').onclick = function() {
    document.getElementById('uuid').innerHTML = generateUUID();
};

document.getElementById('uuid').innerHTML = generateUUID();