Custom Intervals for Carousel

HTML

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div id="myTabsBox">
	<ul class="nav nav-tabs" >
			<li class="active" id="upcomingMatches-button">
        <a href="#upcomingMatches-tab-content" data-toggle="tab">Upcoming Matches
        </a>
      </li>
			<li id="currentMatches-button">
        <a href="#currentMatches-tab-content" data-toggle="tab">Current Matches
        </a>
      </li>
	</ul>
<div id="upcomingMatches-tab-content" class="tab-pane fade active">upcoming matches
</div>
<div id="currentMatches-tab-content" class="tab-pane fade">current matches
</div>

</div>

JavaScript

/* Carousel Slider for KBS Winterization Page */

$("#myTabsBox").carousel({interval: 5000}) // 5 seconds