preload="metadata"

audio.onloadedmetadata = function() {

};

<audio controls preload="metadata">
	<source src="bra_låt.mp3" type="audio/mp3">
</audio>

<script>
	var audio = document.getElementsByTagName("audio");
	
	for(var i = 0; i < audio.length; i++) {
		(function(a) {
			a.onloadedmetadata = function() {
				// a.duration inneholder lengden i sekunder
				var seconds = Math.floor(a.duration % 60);
				var minutes = Math.floor((a.duration % 3600) / 60);
				
				// Legg til leading zeroes, hvis du vil ("3:2" -> "03:02")
				var duration = (minutes < 10 ? "0" : "") + minutes + ":" + (seconds < 10 ? "0" : "") + seconds;
				
				console.log(duration); // Do stuffs
			};
		})(audio[i]);
	}
</script>

<h6 class="song-duration" id="dur-<?php echo $song; ?>"></h6>

<audio class="audio" id="audio-<?php echo $song; ?>" src="<?php echo get_field('music')['url']; ?>"></audio>

<h1>Bra låt (<span id="track-1"></span>)</h1>

<audio controls preload="metadata" data-header-id="track-1">
	<source src="bra_låt.mp3" type="audio/mp3">
</audio>

<h1>Fet låt (<span id="track-2"></span>)</h1>

<audio controls preload="metadata" data-header-id="track-2">
	<source src="fet_låt.mp3" type="audio/mp3">
</audio>

<h1>Chill låt (<span id="track-3"></span>)</h1>

<audio controls preload="metadata" data-header-id="track-3">
	<source src="chill_låt.mp3" type="audio/mp3">
</audio>

<script>
	var audio = document.getElementsByTagName("audio");
	
	for(var i = 0; i < audio.length; i++) {
		(function(a) {
			a.onloadedmetadata = function() {
				// Hent ID fra audio-objektet
				var id = a.getAttribute("data-header-id");
				
				// a.duration inneholder lengden i sekunder
				var seconds = Math.floor(a.duration % 60);
				var minutes = Math.floor((a.duration % 3600) / 60);
				
				// Legg til leading zeroes, hvis du vil ("3:2" -> "03:02")
				var duration = (minutes < 10 ? "0" : "") + minutes + ":" + (seconds < 10 ? "0" : "") + seconds;
				
				// Skriv duration til heading-objektet
				document.getElementById(id).innerHTML = duration;
			};
		})(audio[i]);
	}
</script>

<style>
	.track {
		cursor: pointer; /* "pointer" gir en musepeker som sier at brukeren kan trykke, litt som en link */
	}
</style>

<!-- Spilleliste -->
<span class="track" data-track-id="track-1">Fet låt</span><br>
<span class="track" data-track-id="track-2">Heftig låt</span><br>

<!-- Play/pause-knapp -->
<button id="playButton">Spill av</button>

<!-- Lydobjekter -->
<audio data-track-id="track-1">
	<source src="fet_låt.mp3" type="audio/mp3">
</audio>
<audio data-track-id="track-2">
	<source src="heftig_låt.mp3" type="audio/mp3">
</audio>

<script>
	var currentTrack = undefined; // Placeholder for sangen som spilles av i øyeblikket
	
	var button = document.getElementById("playButton"); // Play/Pause-knapp
	var tracks = document.querySelectorAll(".track[data-track-id]"); // Alle objekter med klassen "track" og attributten "data-track-id"
	
	for(var i = 0; i < tracks.length; i++) { // For hver låt i spillelisten (hver <span> i praksis)
		tracks[i].addEventListener("click", function() { // Eventlistener for museklikk
			// Hent <audio>-elementet med samme data-track-id som elementet i spillelisten
			var audio = document.querySelector("audio[data-track-id='" + this.getAttribute("data-track-id") + "']");
			
			if(audio !== undefined) { // Sjekk at vi fant et samsvarende <audio>-element
				if(currentTrack !== undefined) { // Spiller vi av en låt fra før?
					currentTrack.pause(); // Stopp låten som spilles av nå
				}
				
				currentTrack = audio; // Endre valgt låt
				currentTrack.currentTime = 0; // Reset trackbar til 0 (start låten forfra)
				currentTrack.play(); // Spill av
				
				button.innerHTML = "Pause"; // Oppdater play/pause-knapp
			}
		});
	}
	
	// Funksjon for å starte og stoppe låter med play/pause-knapp
	button.addEventListener("click", function() { // Lytt til museklikk
		if(currentTrack === undefined) {
			return; // Ingen låt er valgt, ikke gjør noe
		}
		
		if(currentTrack.paused) { // Sang er på pause
			this.innerHTML = "Pause"; // Endre tekst på knapp
			currentTrack.play(); // Gjenoppta avspilling
		} else {
			this.innerHTML = "Spill av"; // Endre tekst på knapp
			currentTrack.pause(); // Pause låt
		}
	});
</script>

var target = document.querySelector('audio[id="audio-' + i + '"]');
	if(!target) return false;
	if(target.paused) {
		target.play();
		target.parentElement.classList.add('playing');
		console.log(target);
	} else {
		target.pause();
                target.parentElement.classList.remove('playing');
	}

var audio = document.querySelectorAll('.audio');

for(var i = 0; i < audio.length; i++) {

	var playing = document.querySelector('.playing');

	audio[i].onplay = function() {
		if(this.parentElement.classList.contains('playing')) {
			this.stop();
			audio.currentTime = 0;
			document.querySelector('.playing').classList.remove('playing');
		}

		this.parentElement.classList.add('playing');
	}


	audio[i].addEventListener('ended', function() {
		this.parentElement.classList.remove('playing');
	});
}