Results 1 to 17 of 17
Thread: javascript | ?
Hybrid View
-
16th December 2012 18:06 #1
javascript | ?
,
javascript, , . , ..
( , )..
Code:function getvalue(a){ inputNumber = Number(a) slideit() } var step=0; function slideit(){ if(!document.images){ return; } else{ if(step<10){ document.images.slide.src=imgArray[step].src step++ setTimeout("slideit()", Number(inputNumber)) } else{ step=0 slideit() } } }
Code:<input id="number" type="text" value="1000" name="textfield"> <input id="button" type="button" value="GO!" name="gobutton" onClick="getvalue(document.getElementById('number').value)"> <img src="img/my-wallpaper1.jpg" onClick="slideit()" name="slide">
-
19th December 2012 18:53 #2
...
Live:
http://jsbin.com/uvewuq/6/
, .Code:(function(){ var step = 0; var maxSteps = 10; var delay = 1000; var isRunning = false; var domContainer = document.getElementById( 'container' ); function SlideIt() { isRunning = true; domContainer.innerHTML = domContainer.innerHTML + 'Change pic '+ step + ' with delay '+ delay +'<br/>'; if( step < maxSteps ) { step++; setTimeout( SlideIt, delay ); } else { step = 0; isRunning = false; } } document.getElementById( 'button' ).onclick = function(){ delay = parseInt( document.getElementById( 'number' ).value ); if( !isRunning ) { SlideIt(); } }; SlideIt(); })();
Javascript, :
1. , ... - Javascript. function scope, block scope, , (function(){...})() .
2. Number() ... , parseInt().
new String, new Number, new Array, new Object... etc... ...
new javascript ....
-
19th December 2012 21:11 #3
-
19th December 2012 23:57 #4
Douglas Crockford... JS, .
new JS... . / / youtube, .
- new "" , JS, ...
@@ :
function Person( name )
{
this.name = name;
....
....
...
}
var p = new Person( 'Johny' );
.
... JS , Crockgford
"JS - "
-
20th December 2012 00:35 #5
-
20th December 2012 00:44 #6
-
20th December 2012 13:31 #7
-
20th December 2012 14:30 #8
, .
?
mixins, module pattern + abstract factory => JS.
"" - . global space- , ...
API- Yahoo .
, API, , collisions . , , -
.
JS , -"native" .
new JS , - , .
@_Shadow_: - => window space-a , . ( ) , window space-a
.
-
20th December 2012 13:06 #9Registered User
Join Date: Jul:2005
Location: Sofiq
Posts: 2,798
- .
console.log(a); WindowCode:function TestClass() { if(arguments.length > 0) { this.prop1 = arguments[0]; } this.method = function () { console.log(this.prop1); } return this; } var a = TestClass(1), b = new TestClass(2), c = TestClass(3), d = TestClass.apply(TestClass, [4]), e = TestClass.call(TestClass, 5); a.method(); console.log(a); b.method(); console.log(b); c.method(); console.log(c); d.method(); console.log(d); e.method(); console.log(e);
console.log(b); TestClass
new Window . , .
Edit: new.
:
Code:3 Window 2 TestClass { prop1= 2, method=function()} 3 Window 5 TestClass() 5 TestClass()
:
slideit
Code:function slideit(step){ if(!document.images){ return; } else{ if(step<10){ document.images.slide.src=imgArray[step].src; step++; setTimeout(function () { slideit(step)}, Number(inputNumber)); } else{ slideit(0); } } }Last edited by _ShadoW_; 20th December 2012 at 14:10.




Reply With Quote

Lenovo ThinkPad 15 IdeaPad 15
5th May 2023, 22:16 in