帮忙拆分修改一段简单的js

我有一段很简单的js功能代码  请前辈们帮我修改一下.. 我不会js)  这段代码有2个按钮   但是都放到一个function里了  请帮忙拆分一下 两个按钮各自有各自的function
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>expl</title>
<script language="javascript">
var nowid=0;
var maxid=5;
var next;
var prev;
function pager(v){
if(v==1){
nowid++;
}else {
nowid--;
}
if(nowid>maxid){
nowid=1;
}
if(nowid<1){
nowid=maxid;
}
prev=nowid-1;
next=nowid+1;
if(next>maxid){
next=1;
}
if(prev<1){
prev=maxid;
}
document.getElementById('txt').innerHTML=document.getElementById('id_'+nowid).title;
document.getElementById('prev').innerHTML=document.getElementById('id_'+prev).title;
document.getElementById('next').innerHTML=document.getElementById('id_'+next).title;
}
window.onload=(function(){pager(1);});
</script>
    </head>
    <body>
<div>
<a title="这是1" id="id_1">这是1</a><br>
<a title="这是2" id="id_2">这是2</a><br>
<a title="这是3" id="id_3">这是3</a><br>
<a title="这是4" id="id_4">这是4</a><br>
<a title="这是5" id="id_5">这是5</a><br>
</div>
<br><br>
<br>
<style>
.go{
padding:5px;
border:solid 1px;
}
</style>
<span id="prev" class='go'>前</span>
<span id="txt" class='go'>现</span>
<span id="next" class='go'>后</span>
<br>
<br>
<input value="后" type='button' onclick='pager(5);' /><input value="前" type='button' onclick='pager(1);' />
    </body>
</html>这是全部的代码   我拆分开是想修改点东西  谢谢大家

解决方案 »

  1.   

    可真是奇怪的想法。。
    <!DOCTYPE html>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <title>expl</title>
    <script language="javascript">
    var nowid=0;
    var maxid=5;
    var next;
    var prev;
    function fn1()
    {
        nowid++;
        if(nowid>maxid){
            nowid=1;
        }
        if(nowid<1){
            nowid=maxid;
        }
        prev=nowid-1;
        next=nowid+1;
        if(next>maxid){
            next=1;
        }
        if(prev<1){
            prev=maxid;
        }
        document.getElementById('txt').innerHTML=document.getElementById('id_'+nowid).title;
        document.getElementById('prev').innerHTML=document.getElementById('id_'+prev).title;
        document.getElementById('next').innerHTML=document.getElementById('id_'+next).title;
    }function fn2()
    {
        nowid--;
        if(nowid>maxid){
            nowid=1;
        }
        if(nowid<1){
            nowid=maxid;
        }
        prev=nowid-1;
        next=nowid+1;
        if(next>maxid){
            next=1;
        }
        if(prev<1){
            prev=maxid;
        }
        document.getElementById('txt').innerHTML=document.getElementById('id_'+nowid).title;
        document.getElementById('prev').innerHTML=document.getElementById('id_'+prev).title;
        document.getElementById('next').innerHTML=document.getElementById('id_'+next).title;
    }window.onload=(function(){fn1();});
    </script>
        </head>
        <body>
    <div>
    <a title="这是1" id="id_1">这是1</a><br>
    <a title="这是2" id="id_2">这是2</a><br>
    <a title="这是3" id="id_3">这是3</a><br>
    <a title="这是4" id="id_4">这是4</a><br>
    <a title="这是5" id="id_5">这是5</a><br>
    </div>
    <br><br>
    <br>
    <style>
    .go{
    padding:5px;
    border:solid 1px;
    }
    </style>
    <span id="prev" class='go'>前</span>
    <span id="txt" class='go'>现</span>
    <span id="next" class='go'>后</span>
    <br>
    <br>
    <input value="后" type='button' onclick='fn2();' /><input value="前" type='button' onclick='fn1();' />
        </body>
    </html>
      

  2.   

    你回复的时候我就来看了,  现在才来回复因为我在拿你的代码改,  不是我想法奇怪, 是我想要的效果...
    这代码有一个地方我不会改，  所以来找你看你能否帮我改一下， 如果你不想改我也选你结帖了，  你已经把代码拆开了。   把你拆开的fn2里next=nowid+1;改成+2  然后你再点前后  也许就知道我想要什么效果了，  就是点后的时候  next不变。  可是fn2改成+2  点后再点前  还是错了一个  麻烦你能帮改一下吗
      

  3.   

    你回复的时候我就来看了,  现在才来回复因为我在拿你的代码改,  不是我想法奇怪, 是我想要的效果...
    这代码有一个地方我不会改，  所以来找你看你能否帮我改一下， 如果你不想改我也选你结帖了，  你已经把代码拆开了。   把你拆开的fn2里next=nowid+1;改成+2  然后你再点前后  也许就知道我想要什么效果了，  就是点后的时候  next不变。  可是fn2改成+2  点后再点前  还是错了一个  麻烦你能帮改一下吗