Загрузка функции через время (JS — jQuery) (без селектора)

[Serg_ostr]

Здравствуйте, уважаемые форумчане.
Очень Нужна ваша помощь, Подскажите пожалуйста.

Есть функция - jbcallme(), вызываемая следующим образом (вызываемая по нажатию class= demo1) :

$(document).ready(function() {
  $(function() {
  $('.demo1').jbcallme();
  });
  alert( "Привет" );
});

Функция лежит в другом файле.
—————

При нажатие на  ссылку срабатывает функция jbcallme(), содержащий класс demo1:

   <a class="demo1" name="nave">Тестирование</a>

————————————--
Проблема в том, что функция JS  jbcallme() работает только при нажатие на "Тестирование".

Нужно, чтобы функция $('.demo1').jbcallme(); вызывалась сама после загрузки страницы через определенное время (таймер), а не по нажатию на кнопку, ссылку, блок или что-то еще.

Пробовал через setTimeout. Но как ее применить в данном случаи? И сделать чтобы эта функция просто выводилась без обязательного нажатия на селектор (class="demo1")? Если просто вставить setTimeout или что-то подобное то функция будет по-прежнему срабатывать только по нажатию на ссылку (тестирование)

  $(document).ready(function() {

   setTimeout($(function() {

      $('.demo1').jbcallme();

    }) , 500);

});

По прежнему работает только по нажатию клавиши с <a class="demo1" name="nave">Тестирование</a>

Подскажите пожалуйста, как это можно реализовать?

Заранее, большое спасибо.

Edited January 23, 2018 by Serg_ostr

[klierik]

Может так: $.jbcallme();

или просто вызов: jbcallme();

[mrnobody]

Может так:

setTimeout(function() {
  $('.demo1').trigger('click');
}, 500);

 

[pichs_up]

document.addEventListener("DOMContentLoaded", ready);

function ready()
{
  return setTimeout(jbcallme, 1000);
}

function jbcallme()
{
  return alert('Привет');
}

//Или так, если на ES6

class Welcomer
{
  constructor()
  {
    document.addEventListener("DOMContentLoaded", this.ready.bind(this));
  }
  
  ready()
  {
    return setTimeout(this.jbcallme, 1000);
  }
  
  jbcallme()
  {
    return alert('Привет');
  }
}
new Welcomer();

но это на js, jquery мне принципиально не нравится, поэтому, ни чем помочь не могу. И вообще, я посмотрел ваш код, который вы пытаетесь выполнить, вы не понимаете, что такое DOM объект и как он работает, когда вы записываете событие слушателя, к примеру на onclick, функция записывается во внутренний метод объекта, который вызовется, при срабатывании события, как следствие, выполнится код функции, но если, вы хотите вызвать записанную функцию в методе, не дожидаясь события, то, я думаю, целесообразно вызывать ее по имени метода onclick, а не как пытаетесь вы, по имени переданной функции.

$(document).ready(function() {

   setTimeout(function() {

      $('.demo1')[0].onclick();

    } , 500);

});

вот такой на jquery сработает, если исходить из ваших целей, но отмечу, что при нажатии на элемент, вы так же будете получать выполнение метода, в котором по праву записана переданная функция, а значит, получите тот же привет в модальном окне, из этого, рекомендую вернуться к первым двум вариантам, если это вас не устроит.

Вот пример на codepan 

 

Edited January 25, 2018 by pichs_up

[Serg_ostr]

Спасибо, большое.

Варианты:

$(document).on('ready',function(){
   $('.demo1').jbcallme();
   setTimeout(function(){
      $('.demo1').click();
   },500);
});

или

Javascript

$(document).on('ready',function(){
   $('.demo1').jbcallme();
   setTimeout(function(){
      $('.demo1').trigger('click');
   },500);
});

Также работают