Extra Form
PHP PHP 7.0
CMS XpressEngine1

안녕하세요 

 

리버스님이 올려주신 

카카오톡 상담버튼( https://xetown.com/tips/1474202 )

을 다운받아 사용예정인데 

이 카카오톡상담의 설정중 올라오는이펙트를 사용할수있는 옵션이있습니다. 

 

혹시 일정시간이 지난후 해당 옵션을 띄우는 함수에대한 도움을 받고싶습니다. 

transition:all 3200ms 의 시간을 늘리다보니 천천히 올라오는거같아 

 

이부분을 혹시 이펙트를 사용하지않는상황에서 

예를들어  5초후에 해당 이미지를 띄우는 함수를 쓰려면 어떻게 해야하나요 ? 

 

setTimeout(function(){}, 1000);  이걸 넣으니깐 에러가 떠서 혹시 도움받을수있을까요 ?

 

<?php

// *****************************
// * 카카오톡 알림 애드온
// * 제작자: Waterticket([email protected])
// * 문의: https://shop.hoto.dev
// *****************************


if(!defined('__XE__')) exit();


if($called_position == 'before_display_content' && Context::getResponseMethod() == 'HTML' && Context::get('module') != "admin" && !isCrawler()){
    $addon_info->image_url ? $addon_info->image_url : $addon_info->image_url = '/addons/kakao_chat_notice/kakao.png';
    $addon_info->target_url ? $addon_info->target_url : $addon_info->target_url = '/';
    $addon_info->up_effect ? $addon_info->up_effect : $addon_info->up_effect = 'Y';
    $addon_info->img_size_px ? $addon_info->img_size_px : $addon_info->img_size_px = 80;
    $addon_info->notice_memo ? $addon_info->notice_memo : $addon_info->notice_memo = '';
    $addon_info->top_pos ? $addon_info->top_pos : $addon_info->top_pos = 40;



    $style_tag = '#__kakaotalk_chat img{width:'.$addon_info->img_size_px.'px}#__kakaotalk_memo{position:relative;bottom:20px;border:1px solid gray;background-color:#f0f0f0;padding:8px;text-align:center;border-radius:5px;font-size:0.7em;}'.(($addon_info->up_effect == 'Y')?
    '#__kakaotalk_chat{position:fixed;bottom:-100px;right:12px;z-index:9999;opacity:0;transition:all 11500ms;}#__kakaotalk_chat.on{bottom:'.$addon_info->top_pos.'px;opacity:5;transition:all 3200ms;}':
    '#__kakaotalk_chat{position:fixed;bottom:'.$addon_info->top_pos.'px;right:20px;z-index:9999;opacity:1;transition:all 10900ms;}');

    $kakao_html = '<script>$(document).ready(function(){$("#__kakaotalk_chat").addClass("on");});</script><div id="__kakaotalk_chat">'.((!empty($addon_info->notice_memo))?'<div id="__kakaotalk_memo">'.$addon_info->notice_memo.'</div>':'').'<a href="'.$addon_info->target_url.'" target="_blank"><img src="'.$addon_info->image_url.'" title="KAKAOTALK 이동" /></a></div>';
    $kakao_html .= sprintf('<style>%s</style>', $style_tag);
    $output = $output.$kakao_html;

 

  • Lv23
    setTimeout(function(){}, 1000); 는 자바스크립트 입니다. sleep()함수라는게 있는데 이게 비동기식으로 돌아가진 않아요.

    $(document).ready(function(){$("#__kakaotalk_chat").addClass("on");} 요코드를 setTimeout(function(){}, 1000); 이코드안에 묶는건 어떤가요

    $(document).ready(function(){
    setTimeout(function(){
    $("#__kakaotalk_chat").addClass("on");
    }, 1000);
    }

    테스트는 안해봤는데.. 아마 이렇게 될듯 한데요.