How can I fade in an element with a time delay?

<script>
jQuery ( function($) {
  $(document).ready(function() {
    $(".fcb-link-button").delay(7000).fadeIn(500);
  });
});
</script>

The value 7000 stands for seconds, so here 7s.

In the CSS file the following must be inserted, so that the element is invisible with the call of the web page:

.fcb-link-button {
    display:none;
}