如何使下面的代码无限翻转？

如何调整此链接中的翻转javascript http://desandro.github.io/3dtransforms/docs/card-flip.html以便它将翻转到第三个内容或不会引用翻转到第一个内容

var init = function() { var card = document.getElementById('card'); document.getElementById('flip').addEventListener( 'click', function(){ card.toggleClassName('flipped'); }, false); }; window.addEventListener('DOMContentLoaded', init, false); 

Answer 1

每个元素的内容应单独存储在HTML中，并在需要时检索。

 
 
 
 
 
 
 
 
1
 
 
 
2
 
 
 
3
 
 
 
4
 
 
  

答案复制和编辑

Answer 2

如果我正确理解您的问题，您只希望点击事件发生一次。 如果是这种情况，并且您可以使用jQuery，那么jQuery的“one”函数应该是您正在寻找的。

 $( "#flip" ).one( "click", function() { card.toggleClassName('flipped'); });