Как вставить переменную в свойство

[free_style]

Вопрос заключается исключительно в синтаксисе языка javascript. В общем, как вместо времени в свойстве

document.querySelector('.class').style.transition = 'opacity 2s cubic-bezier(0.0,0.5,0.5,1.0)';

поставить вместо время свою переменную? За ранее благодарен!

[Sweet]

document.querySelector('.class').style.transition = 'opacity ' + x + 's cubic-bezier(0.0,0.5,0.5,1.0)';

[Vlasenko Fedor]

Правилом хорошего тона будет проверять присутствие элемента на странице, дабы не получить в дальнейшем ошибку и неисполнение других скриптов

<div class="class">class</div>
<script>
  var element = document.querySelector('.class');
  if (element) {
    var x = 2;
    element.style.transition = 'opacity ' + x + 's cubic-bezier(0.0,0.5,0.5,1.0)';
  }
</script>