Codelab Editor
Free Online HTML Editor
Run
Learn jQuery
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery.fx.interval Demo</title> <script src="https://code.jquery.com/jquery-1.8.3.min.js"></script> <style> #box { width: 80px; height: 80px; background: orange; position: relative; margin-top: 20px; } </style> </head> <body> <h2>jQuery <code>fx.interval</code> Demo Example</h2> <p>Click the button to start a slower animation by increasing <code>jQuery.fx.interval</code> to <kbd>80</kbd> ms.</p> <button id="start">Start Animation</button> <div id="box"></div> <script> $(function() { $("#start").click(function() { jQuery.fx.interval = 80; // slower frame interval $("#box").stop(true).css("left", 0).animate({ left: "250px" }, 1000); }); }); </script> </body> </html>
Editor Commands
Ctrl
F
Find
Ctrl
G
Find Next
Ctrl
⇧
G
Find Previous
Ctrl
⇧
F
Find & Replace
Ctrl
]
Indent Code Right
Ctrl
[
Indent Code Left
⇧
Tab
Auto Indent Code
Ctrl
/
Line Comment
Ctrl
Alt
/
Block Comment
TutsInsider Actions
Alt
S
Run Code
Ctrl
C
Copy Editor Code
Ctrl
A
Select All Editor Code
Ctrl
S
Save/Download
Ctrl
Alt
X
Rotate
Ctrl
Alt
T
Switch Theme
Ctrl
⇧
C
Open Console
Esc
Close Console