Blog overzicht

Hoe je functies in Javascript kan combineren

Java script kan gebruikt worden voor verschillende doeleinden, zoals het controleren of een gebruiker op een Desktop of Mobile device actief is, of om te checken of de gebruiker op de Homepage of een specifieke pagina is. In dit voorbeeld willen we deze twee functies combineren. Als de gebruiker zich op de homepage op een desktop-apparaat bevindt, willen we een specifiek Event na 5 seconden activeren.

  1. Creëer functies
  2. Combineer functies
  3. Voeg vertraagde opening en Event Trigger toe
Desktop en Mobile Chatbot

1. Creëer functies

We beginnen met het maken van twee functies. Voor meer details over deze functies kun je kijken op:

<script>
 window.desktopcheck = function() {
     var check = false;
     if(window.innerWidth>768){
         check=true;
     }
     return check;
   }

 window.homepagecheck = function() {
     var check = false;
     if(document.location.pathname === "/"){
         check=true;
     }
     return check;
   }
</script>

2. Combineer functies

Om functies te combineren, willen we dat beide functies true retourneren.

<script>

 if(window.desktopcheck() && window.homepagecheck()){
    // Add code
  }

</script>     

3. Voeg vertraagde opening en Event Trigger toe

Laten we nu de vertraagde opening toevoegen en een event activeren.

<script>

// Delayed Opening
setTimeout(function() {
   __flowai_webclient_app.open()
  }, 5000) // 5 secs
  
// Trigger Event
  window.__flowai_webclient_autoTriggerEvent = 'START_CHAT'

</script>


Vind de volledige code hieronder

<script>
 window.desktopcheck = function() {
     var check = false;
     if(window.innerWidth>768){
         check=true;
     }
     return check;
   }

 window.homepagecheck = function() {
     var check = false;
     if(document.location.pathname === "/"){
         check=true;
     }
     return check;
   }

 if(window.desktopcheck() && window.homepagecheck()){
    setTimeout(function() {
       __flowai_webclient_app.open()
       }, 5000) // 5 secs
    window.__flowai_webclient_autoTriggerEvent = 'START_CHAT'
  }
</script>
Demo aanvragen