jQuery Plugin To Animate Text With Random Character - Descrambler

Descrambler is a jQuery text animation plugin which presents text letter by letter with an airport-like text flipping effect by randomly shuffling the text from a given character set.

See also:

• Create A Random Text Shuffle Effect With jQuery - Randomize Text
• Simple Text Shuffle Effect with jQuery - Spinner Text
• Simple Text Shuffle Effect with jQuery - Shuffle Text

How to use it:

1. Include both jQuery library and the jQuery Descrambler plugin's script at the bottom of the webpage.

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="dist/descrambler.min.js"></script>

2. Call the main function scramble on the target text and we're done.

<p class="scramble">Text deScrambler</p>

$(".scramble").scramble();

3. Available parameters.

• duration: the duration over which the function will execute. Min is 200. Max is 20000. 
• interval: interval between new random letters being added/removed. Default is 20. Min is 5. Max is 10000. 
• charset: the character set to use: "All"(Default), "allPlusEmoji", "alphanumeric", "alphabet", "punctuation", "numbers", "emoji"
• uppercase: determines whether scrambled characters will be uppercase or lowercase. Optional. Boolean.

$(".scramble").scramble( duration, interval, charset, uppercase );

4. Default characters set you can choose from.

numbers: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"],
alphabet: ["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"],
punctuation: ["@", "#", "$", "%", "^", "*", "(", ")", "&", "+", "=", "}", "{", "|", ":", ";", ">", "<", "?", "~", " "],

Changelog:

2021-07-16

• Added emoji support

 

---

This awesome jQuery plugin is developed by cjbarnaby. For more Advanced Usages, please check the demo page or visit the official website.