JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/cannon.js/0.6.2/cannon.js"></script>
<h3>delta = 1:</h3>
<p>position.x = <span id="before"></span></p>

<h3>delta = 0:</h3>
<p>position.x = <span id="after"></span></p>

JavaScript

var world = new CANNON.World();
world.gravity.set(0,1,0);
world.broadphase = new CANNON.NaiveBroadphase();
world.solver.iterations = 10;
var BODIES_COUNT = 5;

for (let i = 0; i < BODIES_COUNT; i++) {
  var shape = new CANNON.Box(new CANNON.Vec3(4,4,4));
  var body = new CANNON.Body({
    mass: 1,
  });
  body.addShape(shape);
  body.position.set(0, 0, 0);
  body.mass = 1;
  body.angularVelocity.set(0, 2, 0);
  body.velocity.set(0, 1, 0);
  body.angularDamping = 0.5;

  world.addBody(body);
}

world.step(1);

before.innerHTML = (world.bodies[0].position.x);

world.step(0);


after.innerHTML = (world.bodies[0].position.x);