js闭包判断点击的元素顺序

<div class="box" style="background: red;">box</div>
<div class="box" style="background: blue;">box</div>
<div class="box" style="background: yellow;">box</div>
<div class="box" style="background: red;">box</div>
<div class="box" style="background: blue;">box</div>


<script>
function inter(i){
var onclick=function(e){
console.log(i);
}
return onclick;
}
var box = document.querySelectorAll('.box');
for(var i=0;i<box.length;i++){
box[i].onclick=inter(i);
}

</script>