每次单击按钮时打开顺序链接的脚本

时间:2020-03-13 13:14:47

标签: javascript html web

我有一个脚本可以随机打开链接...但是我需要知道如何创建一个脚本来自己打开链接,然后返回到最初的脚本。例如...单击该按钮,它将打开link1。再次单击它,它再次打开link2 ...,然后打开link3...。然后打开link4 ....,然后再次打开link1。 我正在使用此脚本使他随机打开链接..但是我需要它是顺序的,并且在打开最后一个链接后,他再次打开link1。你能帮我吗? 最好的祝福! 亚历克斯。


<script>
<! -
/ *
Random Links Button
* /

// Specify the links to work at random below. You can enter as many as needed
var randomlinks=new Array()

randomlinks[0]="https://website1.com"
randomlinks[1]="https://website2.com"
randomlinks[2]="https://website3.com"
randomlinks[3]="https://website4.com"

function randomlink(){
window.location=randomlinks[Math.floor(Math.random()*randomlinks.length)]
}
// - END OF SCRIPT-

</script>

2 个答案:

答案 0 :(得分:1)

您应该能够在函数中修改用作点击计数器的全局变量。例如:

var randomlinks=new Array();
    randomlinks[0]="https://website1.com"
    randomlinks[1]="https://website2.com"
    randomlinks[2]="https://website3.com"
    randomlinks[3]="https://website4.com"

var i=0;

function clickroundrobin(e){
    if( i >= randomlinks.length )i=0;
    var url=randomlinks[i];
    i++;
    window.location=url;
}

要测试:

			var randomlinks=new Array();
				randomlinks[0]="https://website1.com"
				randomlinks[1]="https://website2.com"
				randomlinks[2]="https://website3.com"
				randomlinks[3]="https://website4.com"
				
			var i=0;

			function clickroundrobin(e){
				if( i >= randomlinks.length )i=0;
				var url=randomlinks[i];
				i++;
				//window.location=url;
				alert( url )
			}
<a href='#' onclick='clickroundrobin(event)'>Click</a>

答案 1 :(得分:0)

您可以使用window.open并通过迭代按钮上的变量值并将其作为数组索引传递来完成此操作

<button onclick="randomlink()" >Random Link</button>
<script>
Links = []
Links.push("https://alloytech.wordpress.com");
Links.push("https://www.google.com/");
Links.push("https://www.youtube.com/");
Links.push("https://www.stackoverflow.com/");
var randomParam=0;
function randomlink() {
randomParam = randomParam >= Links.length?0:randomParam;
window.open(Links[randomParam],'popUpWindow','height=400,width=800,scrollbars=yes');  
randomParam++;
}
</script>

我认为这就是您的期望