js遍历4*4的精灵图，请问有没有最优解法

哈pink的学生，他讲到精灵图遍历，给的素材是不是44的
而我的素材是44的，所以我这样子写

    <script>
        var TU = document.querySelectorAll('li');
        for (var i = 0; i < TU.length; i++) {
            var index = i * 62;
            if (i <= 3) {
                TU[i].style.backgroundPosition = '-' + index + 'px' + ' 0';
            } else if (i <= 7) {
                var index1 = (i - 4) * 62;
                TU[i].style.backgroundPosition = '-' + index1 + 'px' + ' -72px';
            } else {
                var index2 = (i - 8) * 62;
                TU[i].style.backgroundPosition = '-' + index2 + 'px' + ' -144px';
            }

        }
    </script>

想请问一下老哥们还有其他写法吗？！

你题目的解答代码如下：

    <script>
        var TU = document.querySelectorAll('li');
        for (var i = 0; i < TU.length; i++) {
            var x = i%4 * 62;
            var y = Math.floor(i/4) * 72;
            TU[i].style.backgroundPosition = '-' + x + 'px -' + y + 'px';
        }
    </script>

如有帮助，请点击我的回答下方的【采纳该答案】按钮帮忙采纳下，谢谢!

var xx=i%460;
var yy=i/460;