I am getting an error Uncaught TypeError: Object [object Object] has no method 'addEventlistner' when adding this code, i can't get my head around it :(

$('video').addEventlistner('timeupdate', function(event) {
    var current = Math.round(event.target.currentTime * 1000);
    var total = Math.round(event.target.duration * 1000);
    $('temps_total').empty().appendText(total);
    $('temps_courant').empty().appendText(current)
    $('temps_restant').empty().appendText(total - current);
    });

I am getting an error Uncaught TypeError: Object [object Object] has no method 'addEventlistner' when adding this code, i can't get my head around it :(

$('video').addEventlistner('timeupdate', function(event) {
    var current = Math.round(event.target.currentTime * 1000);
    var total = Math.round(event.target.duration * 1000);
    $('temps_total').empty().appendText(total);
    $('temps_courant').empty().appendText(current)
    $('temps_restant').empty().appendText(total - current);
    });

• javascript
• jquery

Share Improve this question Follow asked Nov 26, 2012 at 20:22 user1853799user1853799 1111 silver badge44 bronze badges 1

• Note that the native function is spelled with "listener" (and capitalized). – pimvdb Commented Nov 26, 2012 at 20:25

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 4

Because $('video') returns a jquery object.

Here is what you can do:

$('video')[0].addEventListener('timeupdate', function(event) {

You would use addEventListener not addEventlistner but neither are jQuery methods.

Read this http://api.jquery./on/

$('video').on('timeupdate', function(event) {
    var current = Math.round(event.target.currentTime * 1000);
    var total = Math.round(event.target.duration * 1000);
    $('temps_total').empty().appendText(total);
    $('temps_courant').empty().appendText(current)
    $('temps_restant').empty().appendText(total - current);
});

jQuery objects do not have an addEventListener method.
Instead, you should call .bind().