Javascript Multiple Choice Questions on “Animation”.
1. Which of the following can be implemented using animation?
a) Fireworks
b) Fade Effect
c) Roll-in or Roll-out
d) All of the mentioned
Answer: d
Clarification: JavaScript animations are done by programming gradual changes in an element’s style. You can use JavaScript to create a complex animation which includes but not limited to:
- Fireworks
- Fade Effect
- Roll-in or Roll-out
- Page-in or Page-out
- Object movements.
2. Which is the function that calls another function after a time interval?
a) setTimeout()
b) setTime()
c) callafter()
d) timeSet()
Answer: a
Clarification: The setTimeout(function, duration) calls function after duration milliseconds from now. setInterval(function, milliseconds) is same as setTimeout(), but repeats the execution of the function continuously.
3. Which function is used to clear the timer value?
a) clearTimervalue()
b) clearTimeout()
c) clear()
d) flush(timer)
Answer: b
Clarification: The clearTimeout() method clears a timer set with the setTimeout() method. The ID value returned by setTimeout() is used as the parameter for the clearTimeout() method.
4. Which is the property used to position the object in the left of the screen?
a) object.position = left
b) object = position.left
c) object.style.left
d) object.shiftleft
Answer: c
Clarification: The property object.style.left = distance in pixels or points sets distance from left edge of the screen. This property specifies the left position of the element including padding, scrollbar, border and margin. Whereas the setTimeout(function, duration) calls function after duration milliseconds from now.
5. Which is the function used to call a function in every time duration?
a) callafter()
b) setInterval()
c) setTimeout()
d) setTime()
Answer: b
Clarification: The setInterval(function, duration) calls function after every duration milliseconds.
6. How do we get the DOM object in JavaScript?
a) getElementbyId()
b) getObject()
c) getElement()
d) getNodeobject()
Answer: a
Clarification: The getElementbyId() is used to get the DOM object in JavaScript by simply calling that function associated with the HTML document. The object in this method gets referenced by the id name.
7. How to assign the image source in JavaScript?
a) image = “url”
b) source(“url”)
c) image.src = “url”
d) img.src=”url”
Answer: c
Clarification: For accesing any image in webpage its address or url is specified. The image source is defined as image.src = “/images/html.gif”.
8. How do we create and preload an image object in JavaScript?
a) Use new keyword
b) Call Image()
c) Both Use new keyword and Call Image()
d) Set image()
Answer: c
Clarification: The Image() constructor creates and preloads a new image object. The url is specified and the image is preloaded.
9. Which event handler is triggered when the user’s mouse moves onto a link?
a) onMouseOver
b) onMouseOut
c) onMouse
d) onMouseOnto
Answer: a
Clarification: The onmouseover attribute fires when the mouse pointer moves over an element. The onmouseover attribute is often used together with the onmouseout attribute.
10. Which event handler is triggered when the user’s mouse moves away from a link?
a) onMouseOver
b) onMouseOut
c) onMouse
d) onMouseOnto
Answer: b
Clarification: The onMouseOut event handler is triggered when the user’s mouse moves away from the link. It is often used together with onMouseOver attribute.