如何显示从javascript文件播放的媒体到html文件的时间

Question

I have a mp3 located inside cordova.file.dataDirectory;

I'm playing it through the javascript file with media.play(); when the user presses the play button. I now wan't to display the time (how much seconds the media is already played.)

This is not my complete code just assume that the media is played.

media.play();

media.ontimeupdate = function() {myFunction()};

function myFunction() {
    // Display the current position of the mp3 in a p element with id="time"
    document.getElementById("time").innerHTML = media.currentTime;
}

I want to display the time inside the html here:

<p>Playback position:<span id="time"></span></p>

Thank's in advance.

Answer 1

Write this code after playing the media

 if (mediaTimer == null) {
            mediaTimer = setInterval(function() {

                media.getCurrentPosition(

                    function(position) {
                        if (position > -1) {
                    document.getElementById("time").innerHTML = position;
                        }
                    },

                    function(e) {
                        document.getElementById("time").innerHTML = "Error";
                    }
                );
            }, 1000);
        }
    }