js+html怎样手动和自动执行js里面的函数？

Question

<script language="javascript" type="text/javascript">
function o1()
{
……}
function o2()
{
……}
function o3()
{
……}
</script>
<img src="11.gif" onmouseover="">

要求实现的是：当鼠标没有移动到图片11.gif上面时，js每3秒依次执行 o1() o2() o3()；当鼠标移动到图片11.gif上时，只执行o1()，同时不再每3秒o2() o3()。

Answer 1

简单给你写了个代码，原理大概就是这样的了。其他你看着改改吧。
<img src="images/000.GIF" width="26" height="20" onmousemove="javascript:ff()" onmouseout="javascript:f()" />
<input type="text" name="txt1" id="txt1" style="width:200px" /><input type="text" name="txt2" id="txt2" style="width:200px"/><input type="text" name="txt3" id="txt3" style="width:200px"/>
<script language="javascript">
<!--
var ret=0;
function ff(){
clearInterval(ret);
document.getElementById("txt1").value=Date();
}
//----------------------------------
function f1(){
document.getElementById("txt1").value=Date();
f2();
}
//--------------------------------
function f2(){
document.getElementById("txt2").value=Date();
f3();
}
//--------------------------------
function f3(){
document.getElementById("txt3").value=Date();
}
//--------------------------------
function f(){
ret=setInterval("f1()",300);
}

//-->
</script>

Answer 2

js函数放在某个元素事件里，比如onclick事件等，就可以手动执行了。
自动执行的话，可以放在
$(function(){
//你的函数
})
这样页面加载的时候就会自动执行

Answer 3

function f1(){
document.getElementById("txt1").value=Date();
f2();
}