计数从1到10并在按钮链接内重复不起作用

时间:2017-06-25 18:11:17

标签: javascript jquery html

我正在寻找一种方法来编写一个从1到10的脚本,在10之后它会重复,在一个buttom链接内。

示例:

提交

首先点击进入" url / page1.html"

再次点击" url / page2.html"

第三到" url / page3.html"

第四到" url / page4.html"

最多十次点击" url / page10.html"

在命中数字10之后,它必须重复到1 agin。

例2:

首先点击进入" url / page1.html",点击2 =" url / page2.html",点击3 =" url / page3.html&#34 ;,点击4 =" url / page4.html,点击5 =" url / page5.html,点击5 =" url / page5.html,点击6 ="网址/ page6.html,点击7 =" url / page7.html,点击8 =" url / page8.html,点击9 =" url / page9.html点击10 ="网址/page10.html现在重复点击11 =" url / page1.html,点击12 =" url / page2.html,点击13 =" url / page3.html,点击14 =& #34; URL / page4.html

现在我正在使用这个脚本,但它不会重复计数器。 我想将用户发送到不同的链接,所以无论ip用户来自哪里都应该正确计算ip 1转到page1.html当下一位访问者访问我的网站并点击按钮时会转到page2.html nxt到page3.html

现在代码:

 <button onclick="myScript(10)">Submit</button>

 <script>

 let currentPage = 1;

  function myScript(totalPages) {
  if (currentPage === totalPages) {
    return window.location.href=`/page10.html`
  }
   currentPage = currentPage < totalPages ? currentPage + 1 : 1;
   return window.location.href=`/page${currentPage}.html`;
  }

  </script>

希望有人可以给我一个很好的例子,说明应该如何运行,更喜欢php或javascript。

3 个答案:

答案 0 :(得分:0)

尝试:

<button onclick="myScript(10)">Submit</button>

<script>
 //get current url
 let url = new URL(window.location.href);

 //get currentPage
 let currentPage = parseInt(url.searchParams.get("currentPage")) || 0;

 function myScript(totalPages) {

   currentPage = currentPage < totalPages ? currentPage + 1 : 1;

   return window.location.href=`/page${currentPage}.html?currentPage=${currentPage}`;
 }

</script>

从0开始,你可以摆脱第一个if语句。当用户按下按钮时,第11次currentPage(10)不小于totalPages(10),因此您的代码将currentPage重置为1.

答案 1 :(得分:0)

我认为您应该将代码更改为以下内容:

<button onclick="myScript(10)">Submit</button>

<script>

let currentPage = 1;

function myScript(totalPages) {
    var location = '';
    if (currentPage % totalPages == 0) {
        location = '\/page10.html';
    }else{
        location = '\/page'+currentPage % totalPages+'.html';
    }
    currentPage++;
    return window.location.href = location;
}
</script>

答案 2 :(得分:0)

试试这个:

<button onclick="myScript()">submit</button>
var i=1;
function myScript(){
   i+=1;
   if (i==1){
     window.location.href=`/page${i}.html`;
     i++;
     return;
   }
   if (i==10){
     i=1; 
   }
   window.location.href=`/page${i}.html`
}