Даниил Игоревич

Надумал такой алгоритм, уверен, что можно сделать ещё проще, но с регулярными выражениями не знаком:

var string = table.outerHTML; /** заметьте, что outerHTML, а не innerHTML.В итоге получается "<table style="width: 100%;"><tbody><td><tr><tr><tr.....</td></tbody></table>" **/
/** Раз это первая строка, то ищем до первой закрывающей стрелки: **/
string.slice(0, string.indexOf('>'));
string.slice(string.indexOf('</tbody>'), string.indexOf('>') + 8);

Похоже на оператор spread, использующийся, когда подаётся неизвестное количество аргументов

В одном из ответов на тостере прочёл, что не стоит забивать голову одновременно двумя языками, этого сейчас и придерживаюсь :)

Есть стек контекстов, который запоминает значения. Если не ошибаюсь, то ваша функция работает так:
1) Вызывается func(4,3)
n != 1, поэтому возвращается 4 * func(4, 2) (Запоминается в стеке контекстов)
2) Вызывается func(4,2)
n != 1, поэтому возвращается 4 * func(4,1) (Запоминается в стеке контекстов)
3) Вызывается func(4,1)
n === 1, поэтому возвращается x, то есть 4, и дальше срабатывает то, что запомнилось в стеке контекстов:
2) 4 * func(4,1), где func(4,1) = 4, поэтому 4 * 4 = 16
1) 4 * func(4,2), где func(4,2) = 16, поэтому 4 * 16 = 64
Кстати, про рекурсию
И закрепить

Если издалека, то в this.method() this - объект, в контексте которого вызывается method(), а this без методов и свойств - просто объект(ссылка на него)

var obj = {
  name: 'Вася',
  age: 30,
  method: function() {
    return this; // здесь this является obj
  }
}
var b = obj.method();
alert(b.name); //Вася

Примерно так, но в моём примере не ровно 10 секунд получается.

animation: flipElements 12s linear infinite;

@keyframes flipElements{
0%{свойства, которые должны быть по умолчанию(если я правильно понял, то это у вас transform: rotateY(180deg)}
83.33%{свойства, которые должны быть по умолчанию}
90%{transform: rotateY(0deg);}
100%{transform: rotateY(180deg);}
}

83.33% - около 10 секунд от 12, последние 2 секунды выполняется поворот.