"Color change"
Bootstrap 3.3.0 Snippet by Pawan Pandey

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> #autocolor{ width: 1600px; height: 2em; padding: 0.75em 0.5em 0; text-align: center; border: 1px solid black; margin: 3em auto 0; font: bold 90% sans-serif; } </style> </head> <body> <div id="autocolor"> Color! </div> <script type="text/javascript"> (function(){ var hexacode = ['#ffff00', '#ff0000', '#00ff00', '#0000ff', '#ffffff'], el = document.getElementById('autocolor').style, counter = -1, hexalen = hexacode.length; function auto(){ el.backgroundColor = hexacode[counter = ++counter % hexalen]; } setInterval(auto, 400); })(); </script> </body> </html>

Related: See More

Vue Argon Design System
Change Password Form (With Validation)
Dynamic form fields - Add new field on focus or change
Flat color progress bars

Questions / Comments: