javascript循环消息

Question

我在变量中有3条消息.

var msg1 = "hello1";
var msg2 = "hello2";
var msg3 = "hello3";

我正在尝试创建一个函数,当我第一次点击它时,它是console.log(msg1),当我第二次点击它时,它是console.log(msg2),第3次是console.log(msg3),第4次控制台.log(msg1)和第5 msg2等

$scope.clickMsg = function () {        
   console.log(msg1);
}

我试过循环,定时器等但我无法使它工作.

有谁知道如何做到这一点？

Answer 1

改为使用数组,它更容易一点,你只需在每次点击时增加一个数字,并使用该数字从数组中选择项目

var msg = [
  "hello1",
  "hello2",
  "hello3"
];

var i = 0;

var $scope = {};

$scope.clickMsg = function () {
  console.log( msg[i] );     

  i++;                         // increment
  if (i === msg.length) i = 0; // reset when end is reached
}

document.getElementById('test').addEventListener('click', $scope.clickMsg)

<button id="test">Click</button>