javascript - この JavaScript を 1 つのボタンのみを使用するように変更する方法

Question

function show(page) {
var html = "";
switch (page) {
    case "home":
        html = 'All the stuff of the page  ';
        break;
    case "about":
        html = 'All the stuff of the pahe';
        break;
    case "contact":
        html = "This is the contact page<br />...";
        break;
}

document.getElementById('container').innerHTML = html;
}

http://jsfiddle.net/z2UCX/5/

「about」リンクは about に、「contacts」リンクは連絡先に移動します。1 つのリンク/ボタン/画像のみを使用してこれを機能させる方法。1 つのボタンがすべてを循環します。ここでは、「ホーム」リンクの代わりに「左ボタン」を使用してみましょう。リンクを無限に循環し続ける必要があります。

Answer 1

基本的なカウンターを使用できると思います。何かのようなもの：

var cnt = 0;
function show() {
  var html = "";
  switch (cnt) {
    case 0: html = "All the stuff of the page "; break;
    case 1: html = "All the stuff of the page"; break;
    case 2: html = "This is the contact page<br />..."; break;
  }
  document.getElementById("container").innerHTML = html;
  cnt = (cnt+1)%3;
}

次に、リンクで、この関数を呼び出します。show();