JSFiddle - React, Tailwind, and code Playground

HTML

<audio id="sample" src="http://dl.dropbox.com/u/222645/click1sec.mp3" controls preload></audio>
<br>
<a href="javascript:play1();">Play1</a>
<a href="javascript:play2();">Play2</a>
<a href="javascript:pauseAudio();">Pause</a>

JavaScript

var audio = document.getElementById('sample');

function play1(){
    audio.currentTime = 0;
    audio.play();
    audio.addEventListener('timeupdate', function (){
        if (currentTime >= 0.5) {
            audio.pause();
        }
    }, false);
}    
    
function play2(){
    audio.currentTime = 0.5;
    audio.play();
}
    
function pauseAudio(){
    audio.pause();
}