Edit in JSFiddle

let canvas = document.getElementById('game_canvas');
let ctx = canvas.getContext("2d");

// Loading logo image
let logo_image = new Image();

// Source of our logo
logo_image.src = 'data:image/png;base64,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';

// Create object logo_cleverti
let logo_cleverti = {
    pos: {
        x: 0,
        y: 0,
    },
    vel: 0.1
}

// Call gameLoop only after image are loaded
logo_image.onload = function () {
    // Start things off
    requestAnimationFrame(gameLoop);
};

// Simulate 1000 ms / 60 FPS = 16.667 ms per frame every time we run update()
let time_step = 1000 / 60,
    delta = 0,
    last_frame_time_ms = 0, // The last time the loop was run
    max_FPS = 10; // The maximum FPS we want to allow

function gameLoop(timestamp) {

    // Throttle the frame rate.
    if (timestamp < last_frame_time_ms + (1000 / max_FPS)) {
        requestAnimationFrame(gameLoop);
        return;
    }

    delta += timestamp - last_frame_time_ms;
    last_frame_time_ms = timestamp;

    let num_update_steps = 0;
    while (delta >= time_step) {

        // update our game logic before draw things to canvas
        update(time_step);
        delta -= time_step;
    }

    // Call draw function to draw our logo to canvas
    draw();

    // Call gameLoop recursevly
    requestAnimationFrame(gameLoop);
}

function update(dt) {
    console.log("Delta Time: " + dt);

    // Add speed to logo
    logo_cleverti.pos.x += logo_cleverti.vel * dt;

    // Center logo vertically
    logo_cleverti.pos.y = (canvas.height / 2) - (logo_image.height / 2);

    // Switch direction everytime logo hit canvas border limits
    if(logo_cleverti.pos.x >= (canvas.width - logo_image.width) || logo_cleverti.pos.x <= 0) logo_cleverti.vel = - logo_cleverti.vel;
}

function draw() {
    // Clear canvas before draw again
    ctx.clearRect(0, 0, canvas.width, canvas.height);

    //draw background image
    ctx.drawImage(logo_image, logo_cleverti.pos.x, logo_cleverti.pos.y );
}
<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="UTF-8">
    <title>Controlling Frame Rate System</title>

    <!-- Styles -->
    <link rel="stylesheet" type="text/css" href="css/styles.css">

</head>
<body>

    <!-- Canvas  -->
    <canvas id="game_canvas" width="600" height="400"/>

    <!-- Javascript -->
    <script src="js/CFRSystem.js"></script>

</body>
</html>