Question

我想在使用此代码加载页面10秒后显示whatsapp发送消息，但我不知道如何将两者合并。

window.onload = function() {
  setTimeout(function() {
    document.getElementById('mydiv').style.display = 'block';
  }, 10000);
}

$(function() {
  $('#WAButton').floatingWhatsApp({
    phone: '1231231231', //WhatsApp Business phone number International format-
    //Get it with Toky at https://toky.co/en/features/whatsapp.
    headerTitle: 'Chat with us on WhatsApp!', //Popup Title
    popupMessage: 'Hello, how can we help you?', //Popup Message
    showPopup: true, //Enables popup display
    buttonImage: '<img src="https://rawcdn.githack.com/rafaelbotazini/floating-whatsapp/3d18b26d5c7d430a1ab0b664f8ca6b69014aed68/whatsapp.svg" />', //Button Image
    //headerColor: 'crimson', //Custom header color
    //backgroundColor: 'crimson', //Custom background button color
    position: "right"    

  });
});

Answer 1

只需创建一个函数并在超时内调用它

function show_whatsapp_button(){
    $('#WAButton').floatingWhatsApp({
        phone: '1231231231', //WhatsApp Business phone number International format-
        //Get it with Toky at https://toky.co/en/features/whatsapp.
        headerTitle: 'Chat with us on WhatsApp!', //Popup Title
        popupMessage: 'Hello, how can we help you?', //Popup Message
        showPopup: true, //Enables popup display
        buttonImage: '<img src="https://rawcdn.githack.com/rafaelbotazini/floating-whatsapp/3d18b26d5c7d430a1ab0b664f8ca6b69014aed68/whatsapp.svg" />', //Button Image
        //headerColor: 'crimson', //Custom header color
        //backgroundColor: 'crimson', //Custom background button color
        position: "right"    

  });
  document.getElementById('mydiv').style.display = 'block';
}

window.onload = function() {
setTimeout(function() {
    show_whatsapp_button();
    }, 10000);
}

setTimeout（）函数可在10秒后显示弹出窗口

1 个答案: