html 随机字母,HTML5 随机字符雨

JavaScript

语言：

JaveScriptBabelCoffeeScript

确定

$(document).ready(function() {

var mspf = 20; // MS per frame

var trailLen = 24; // Characterss per 'strand'

var spawnTime = 20;

var theLetters = "ABCDEFGHIJKLMNPRSTVWXYZ1234567890踏得网";

var fadeTime = mspf * trailLen * 2; // time until trail.remove()

function rain() {

var randId = Math.floor(Math.random() * 1000);

myFun(trailLen, randId);

setInterval(function() {

$("div[id=" + randId + "]").remove();

}, fadeTime);

}

function myFun(c, uid) {

var id = "";

setTimeout(function() {

if (c == trailLen) {

var y = Math.floor(Math.random() * ($("#out").height() / 10)) * 12; // height / 10 * 12 ensures a small space between trails, and also prevents overlapping (in theory)

var x = Math.floor(Math.random() * ($("#out").width() / 10)) * 12;

var scale = (Math.random() * 12) + 8;

$("#out").append("

}

if (--c) {

myFun(c, uid);

}

$("div[id=" + uid + "]").append("" + theLetters.substr(Math.floor(Math.random() * theLetters.length), 1) + "
"); // adds spans to .trail

}, mspf)

};

setInterval(rain, spawnTime);

});