Tengo un problema con JavaScript. Cuando lo subo, no funciona. Si escribo todo en un archivo HTML y lo abro localmente, funciona bien. Pero cuando lo pongo en un componente de tema, no funciona.
El botón no funciona cuando se hace clic.
Funciona bien cuando se abre localmente usando HTML.
El botón de cerrar en la esquina superior derecha se comporta de la misma manera.
Combinar CSS y JavaScript en HTML
<html>
<head>
<meta charset="utf-8">
<style>
/* Caja flotante derecha y código de agradecimiento */
/* Caja flotante */
.guigui_xfkp {
position: fixed;
right: 120px;
bottom: 50px;
box-sizing: border-box;
padding: 18px 10px 22px 20px;
width: 400px;
height: 175px;
border-radius: 20px;
background-color: #ffffff;
background-position: right 50%;
background-repeat: no-repeat;
background-size: 130px;
box-shadow: 0px 0px 8px rgba(236, 59, 136, 0.35);
/*background-image: url(https://cache.cenguigui.cn/images/loginee.png);*/
transition: right 1s linear 0s;
z-index: 3;
animation: jinru 2s;
-webkit-animation: jinru 2s;
--guigui_right: -500px;
--guigui_right_go: 120px;
}
@keyframes jinru {
0% {
right: var(--guigui_right);
}
100% {
right: var(--guigui_right_go);
}
}
.guigui_biaoti {
margin-bottom: 10px;
color: rgb(0, 0, 0);
font-weight: bold;
font-size: 20px;
}
#guigui_jzsc {
color: #000000;
}
.guigui_text {
margin: 15px 0;
color: rgb(255, 127, 227);
}
.guigui_zanzhu {
width: 100px;
height: 35px;
text-align: center;
line-height: 35px;
border-radius: 10px;
background-color: #ffb5c3;
}
.guigui_zanzhu p {
color: #ffffff;
font-weight: bold;
display: block;
width: 100px;
height: 35px;
cursor: pointer;
}
.guigui_zanzhu p:hover {
transition: 0.8s all;
color: rgb(247, 54, 86);
}
.guigui_xfkpgb {
width: 30px;
height: 30px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}
.guigui_xfkpgb svg {
width: 30px;
height: 30px;
transform: rotate(0deg);
transition: transform 0.5s linear 0s;
}
.guigui_xfkpgb svg:hover {
transform: rotate(-720deg);
}
/* Caja de donación */
/* Código QR */
.guigui_skm_box {
/* display: none; */
position: fixed;
z-index: 3;
right: 150px;
bottom: 300px;
width: 475px;
height: 175px;
padding-top: 38px;
/* Marco de la caja de código de cobro */
background: url(https://cache.cenguigui.cn/images/ds/bg-cat-main.png) no-repeat top;
background-size: 100% auto;
transition: right 2s linear 0s;
animation: guigui_skmdh 2s;
/* --guigui_skm:-500px;
--guigui_skm_to:150px; */
}
@keyframes guigui_skmdh {
0% {
right: var(--guigui_skm);
opacity: 0;
}
100% {
right: var(--guigui_skm_to);
opacity: 1;
}
}
.guigui_skm {
width: 475px;
height: 190px;
display: flex;
padding: 10px;
border: 1px solid #FFB5C3;
border-radius: 8px;
background-color: #ffffff;
box-shadow: inset 0 5px 25px 0 #FFD1D8;
}
.guigui_skm_img_p {
width: 400px;
height: 175px;
cursor: default;
}
.guigui_skm_img_p img {
width: 150px;
height: 150px;
}
.guigui_skm_img_p p {
text-align: center;
font-weight: bold;
/* padding-top: 10px; */
color: #000000;
}
.guigui_skm svg {
position: absolute;
top: 20px;
right: -20px;
width: 30px;
height: 30px;
cursor: pointer;
transition: transform 0.5s linear 0s;
}
.guigui_skm svg:hover {
transform: rotate(-720deg);
}
/* Ocultar código de agradecimiento mejorado en móvil */
@media screen and (max-width:990px) {
/* Ocultar la caja flotante */
.guigui_xfkp {
display: none;
}
/* Caja de código de agradecimiento mejorado */
.guigui_skm_box {
display: none;
}
}
/* Código de propina para móvil */
.guigui_reward {
font-size: 16px;
text-align: center;
display:
none;
}
#rewardButton {
/* border: 1px solid#f77b83; */
background-color:
#00000000;
line-height: 36px;
text-align: center;
cursor: pointer;
height:
36px;
display: block;
border-radius: 4px;
transition-duration: .4s;
color:
#fff;
margin: 0 auto;
padding: 0 25px;
outline-style: none;
}
#QR {
padding-top:
20px;
}
#QR img {
width: 180px;
max-width: 100%;
display: inline-block;
margin: .8em 2em 0;
border: 1px solid #ddd;
padding: 3px;
background: #f8f8f8;
}
/* Ocultar código de agradecimiento mejorado en móvil */
@media screen and (max-width:980px) {
/* Mostrar la versión simple de propina */
.guigui_reward {
display: block;
}
}
</style>
<script>
// Caja flotante derecha y código de agradecimiento
// JS de donación
// Abrir código de agradecimiento
//1
function guigui_skmkq() {
const xfxkp = document.getElementById('guigui_skmqk');
if (xfxkp) {
// Establecer la posición de inicio y final de la animación como positiva
xfxkp.style.setProperty('--guigui_right', '-500px');
xfxkp.style.setProperty('--guigui_right_go', '120px');
// Asegurarse de que el elemento sea visible
xfxkp.style.display = 'block';
// Disparar la animación nuevamente
xfxkp.style.animation = 'none'; // Primero eliminar la animación para reiniciar
xfxkp.offsetHeight; // Forzar repintado
xfxkp.style.animation = 'jinru 3s forwards'; // Aplicar nueva animación
}
}
// Cerrar código de agradecimiento
function guigui_guanbi_skm() {
const xfxkp = document.getElementById('guigui_skmqk');
if (xfxkp) {
// Establecer la posición de inicio y final de la animación como inversa
xfxkp.style.setProperty('--guigui_skm', '150px');
xfxkp.style.setProperty('--guigui_skm_to', '-500px');
// Disparar la animación nuevamente
xfxkp.style.animation = 'none'; // Primero eliminar la animación para reiniciar
xfxkp.offsetHeight; // Forzar repintado
xfxkp.style.animation = 'guigui_skmdh 2s forwards'; // Aplicar nueva animación
xfxkp.addEventListener('animationend',
function () {
xfxkp.style.display = 'none'; // Ocultar el elemento cuando termine la animación
},
{
once: true // No lo sé
});
}
}
// Cerrar la caja flotante inferior derecha
function guanbi() {
const xfxkp = document.getElementById('guigui_xfxkp');
if (xfxkp) {
// Establecer la posición de inicio y final de la animación como inversa
xfxkp.style.setProperty('--guigui_right', '120px');
xfxkp.style.setProperty('--guigui_right_go', '-500px');
// Disparar la animación nuevamente
xfxkp.style.animation = 'none'; // Primero eliminar la animación para reiniciar
xfxkp.offsetHeight; // Forzar repintado
xfxkp.style.animation = 'jinru 3s forwards'; // Aplicar nueva animación
xfxkp.addEventListener('animationend',
function () {
xfxkp.style.display = 'none'; // Ocultar el elemento cuando termine la animación
},
{
once: true
});
}
}
</script>
<script>
window._iconfont_svg_string_4458810='<svg><symbol id="icon-guanbi" viewBox="0 0 1024 1024"><path d="M512 45.373397c-257.710456 0-466.626603 208.916147-466.626603 466.626603s208.915124 466.626603 466.626603 466.626603 466.626603-208.915124 466.626603-466.626603S769.710456 45.373397 512 45.373397zM754.945171 664.329361c22.561855 22.561855 22.561855 59.482743 0 82.044598l-20.511149 20.511149c-22.561855 22.561855-59.482743 22.561855-82.044598 0L506.030032 620.524692 359.670639 766.884085c-22.561855 22.561855-59.482743 22.561855-82.044598 0l-20.511149-20.511149c-22.561855-22.561855-22.561855-59.482743 0-82.044598l146.359392-146.359392L245.175979 359.670639c-22.561855-22.561855-22.561855-59.482743 0-82.044598l20.511149-20.511149c22.561855-22.561855 59.482743-22.561855 82.044598 0L506.030032 415.414221l158.298306-158.298306c22.561855-22.561855 59.482743-22.561855 82.044598 0l20.511149 20.511149c22.561855 22.561855 22.561855 59.482743 0 82.044598L608.585779 517.968945 754.945171 664.329361z" fill="#ffb5c3" ></path></symbol></svg>',function(n){var t=(t=document.getElementsByTagName("script"))[t.length-1],e=t.getAttribute("data-injectcss"),t=t.getAttribute("data-disable-injectsvg");if(!t){var i,o,c,d,s,l=function(t,e){e.parentNode.insertBefore(t,e)};if(e&&!n.__iconfont__svg__cssinject__){n.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(t){console&&console.log(t)}}i=function(){var t,e=document.createElement("div");e.innerHTML=n._iconfont_svg_string_4458810,(e=e.getElementsByTagName("svg")[0])&&(e.setAttribute("aria-hidden","true"),e.style.position="absolute",e.style.width=0,e.style.height=0,e.style.overflow="hidden",e=e,(t=document.body).firstChild?l(e,t.firstChild):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(i,0):(o=function(){document.removeEventListener("DOMContentLoaded",o,!1),i()},document.addEventListener("DOMContentLoaded",o,!1)):document.attachEvent&&(c=i,d=n.document,s=!1,r(),d.onreadystatechange=function(){"complete"==d.readyState&&(d.onreadystatechange=null,a())})}function a(){s||(s=!0,c())}function r(){try{d.documentElement.doScroll("left")}catch(t){return void setTimeout(r,50)}a()}}(window);
</script>
<script>
/**
* TypeIt - La utilidad de escritura animada más versátil del planeta.
* Autor: Alex MacArthur <alex@macarthur.me> (https://macarthur.me)
* Versión: v7.0.4
* Licencia: GPL-2.0
* URL: https://typeitjs.com
*/
!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(n=n||self).TypeIt=t()}(this,(function(){"use strict";function n(t){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(t)}var t={strings:[],speed:100,cursor:!0,cursorChar:"|",cursorSpeed:1e3,deleteSpeed:null,lifeLike:!0,breakLines:!0,startDelay:250,startDelete:!1,nextStringDelay:750,loop:!1,loopDelay:750,html:!0,waitUntilVisible:!1,beforeString:function(){},afterString:function(){},beforeStep:function(){},afterStep:function(){},afterComplete:function(){}},e=function(n){return n.map((function(n){return void 0===n[1]&&n.push(null),void 0===n[2]&&n.push({}),n}))},r=function(n,t){return Object.assign({},n,t)},i=function(n){return Array.isArray(n)},o=function(n,t){return n[2]=r(n[2],t)||t,n},u=function(n,t){return i(n[0])?n.map((function(n){return o(n,t)})):o(n,t)},c=function(n,t,e,r){r=r||!1,e=e||{};var o=!i(n),c=n.length;return(n=o?new Array(n).fill(0):n).map((function(n,i){if(o)return t;var a=[t,n,e];return r&&(0===i&&(a=u(a,{isFirst:!0})),i+1===c&&(a=u(a,{isLast:!0}))),a}))};function a(n){this.insert=function(n,e){t.splice(n,0,e)},this.add=function(n,u,a){return n=i(n)?n:[n,null],a=a||!1,u=u||1,i(n[0])||(n=c(u,n)),n=e(n).map((function(n){return n[2]=r(n[2],{id:o}),o++,n})),t=a?n.concat(t):t.concat(n),this},this.set=function(n,e){t[n]=e},this.reset=function(){t=t.map((function(n){return n[2].executed=!1,n}))},this.getItems=function(){return(t=e(t)).filter((function(n){return!n[2].executed}))},this.setMeta=function(n,e){var i=t.findIndex((function(t){return t[2].id===n}));t[i][2]=r(t[i][2],e)};var t=[],o=0;this.add(n)}var f=function(n){return Array.from(n)},s=function(n){var t=[];return t.concat.apply(t,n)},l=function(n){var t=document.implementation.createHTMLDocument("");return t.body.innerHTML=n,t.body},d=function n(t,e,r){e=e||null,r=void 0!==r&&r;var i=f(t.childNodes).map((function(t){return 3===(e=t).nodeType||"BR"===e.tagName?t:n(t);var e}));return i=s(i),e&&(i=i.filter((function(n){return!e.contains(n)}))),r?i.reverse():i},p=function(n){return"BODY"===n.tagName},h=function(n,t){t=t||null;var e=n instanceof HTMLElement;return{node:t,isTopLevelText:(!t||p(t.parentNode))&&!e,isHTMLElement:e,content:n}};function v(n){var t,e=l(n);return t=d(e).map((function(n){return n.nodeValue?f(n.nodeValue).map((function(t){return h(t,n)})):h(n)})),s(t)}function y(n,t){return(t=void 0===t||t)?v(n):f(n).map((function(n){return h(n)}))}var m=function(n){return document.createElement(n)},g=function(n,t){var e=m("style");e.id=t||"",e.appendChild(document.createTextNode(n)),document.head.appendChild(e)},b=function(n){return i(n)||(n=[n/2,n/2]),{before:n[0],after:n[1],total:n[0]+n[1]}},S=function(n,t){return Math.abs(Math.random()*(n+t-(n-t))+(n-t))};var N=function(n){return["textarea","input"].indexOf(n.tagName.toLowerCase())>-1},T=function(n,t){var e=t.querySelectorAll("*");return[t].concat(f(e).reverse()).find((function(t){return t.cloneNode().outerHTML===n.outerHTML}))},L=function(n,t,e,r){e=e||null;var i=t.isHTMLElement,o=i?t.content:document.createTextNode(t.content);if(N(n))n.value="".concat(n.value).concat(t.content);else{if(!t.isTopLevelText&&!i){var u=t.node.parentNode,c=T(u.cloneNode(),n);if(function(n,t){if(!n)return!1;var e=n.nextSibling;return!e||e.isEqualNode(t)}(c,e))n=c;else if((o=u.cloneNode()).innerText=t.content,!p(u.parentNode)){for(var a=u.parentNode,f=a.cloneNode(),s=T(f,n);!s&&!p(a);)f.innerHTML=o.outerHTML,o=f,f=a.parentNode.cloneNode(),a=a.parentNode,s=T(f,n);n=s||n}}var l=d(n,e,!0)[r-1],h=l?l.parentNode:n;h.insertBefore(o,h.contains(e)?e:null)}},M=function(n){var t;return null==n||null===(t=n.parentNode)||void 0===t?void 0:t.removeChild(n)};var x=function(n,t,e){var r,i="string"==typeof n,o=!1,u=-1*n;return i&&(u=(r="END"===n.toUpperCase())?-1:1,o=r?t+u>0:t+u<e.length),{isString:i,numberOfSteps:u,canKeepMoving:o}},w=function(n){var t,e=["font","lineHeight","color"],r=m("SPAN"),i=(t=n,window.getComputedStyle(t,null));for(var o in i)e.indexOf(o)>-1&&i[o]&&(r.style[o]=i[o]);return r.style.cssText};function D(n,t,e){return e?t?t(n):n:(n&&n.then||(n=Promise.resolve(n)),t?n.then(t):n)}function H(n){return function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];try{return Promise.resolve(n.apply(this,t))}catch(n){return Promise.reject(n)}}}function E(){}function C(n,t){if(!t)return n&&n.then?n.then(E):Promise.resolve()}function A(n,t){var e=n();return e&&e.then?e.then(t):t(e)}function k(n,t,e){if(!n.s){if(e instanceof O){if(!e.s)return void(e.o=k.bind(null,n,t));1&t&&(t=e.s),e=e.v}if(e&&e.then)return void e.then(k.bind(null,n,t),k.bind(null,n,2));n.s=t,n.v=e;var r=n.o;r&&r(n)}}var O=function(){function n(){}return n.prototype.then=function(t,e){var r=new n,i=this.s;if(i){var o=1&i?t:e;if(o){try{k(r,1,o(this.v))}catch(n){k(r,2,n)}return r}return this}return this.o=function(n){try{var i=n.v;1&n.s?k(r,1,t?t(i):i):e?k(r,1,e(i)):k(r,2,i)}catch(n){k(r,2,n)}},r},n}();function P(n,t){return n&&n.then?n.then(t):t(n)}return function(e,o){var u=this,s=this;o=o||{};var p=function(n,t,e){return n=i(n[0])?n:[n],an.add(n,t),function(n){var t=(n=n||{}).delay;t&&an.add([U,t])}(e),s},T=function(t){return t="object"===n(t)?t:{},[[Q,t,{force:!0}],[Q,en,{force:!0}]]},z=function(){return X?f(W.value):d(W,fn,!0)},B=function(n,t){t=t||1;var e=en.nextStringDelay;an.insert(n,[U,e.before]),an.insert(n+t+1,[U,e.after])},I=H((function(){if(fn){var n="[data-typeit-id='".concat(cn,"'] .ti-cursor");g("@keyframes blink-".concat(cn," { 0% {opacity: 0} 49% {opacity: 0} 50% {opacity: 1} } ").concat(n," { animation: blink-").concat(cn," ").concat(en.cursorSpeed/1e3,"s infinite; } ").concat(n,".with-delay { animation-delay: 500ms; } ").concat(n,".disabled { animation: none; }"),cn),W.appendChild(fn);var t="loaded"===document.fonts.status;return D(t||document.fonts.ready,(function(n){var t=fn.getBoundingClientRect().width/2;fn.style.margin="0 -".concat(t+2,"px 0 -").concat(t-2,"px")}),t)}})),R=function(n){fn&&(fn.classList.toggle("disabled",n),fn.classList.toggle("with-delay",!n))},q=H((function(n,t){return $.push(setTimeout(n,t)),D()})),j=H((function(n){var t=_;return D(t&&F(_),(function(t){return an.reset(),an.set(0,[U,n.before]),C(G(!0))}),!t)})),V=H((function(){tn.started=!0;var n,t=an.getItems();return P(function(n,t){try{var e=n()}catch(n){return t(n)}return e&&e.then?e.then(void 0,t):e}((function(){return P(function(n,t,e){var r,i,o=-1;return function u(c){try{for(;++o<n.length&&(!e||!e());)if((c=t(o))&&c.then){if(!((a=c)instanceof O&&1&a.s))return void c.then(u,i||(i=k.bind(null,r=new O,2)));c=c.v}r?k(r,1,c):r=c}catch(n){k(r||(r=new O),2,n)}var a}(),r}(t,(function(e){if(tn.frozen||tn.destroyed)throw"";var r,i,o,c,a=t[e],f=a[2];return n=[a,u],f.freezeCursor&&R(!0),r=en.speed,i=en.deleteSpeed,o=en.lifeLike,c=(i=null!==i?i:r/3)/2,Z=o?[S(r,r/2),S(i,c)]:[r,i],A((function(){var t;if(null==f?void 0:f.isFirst)return C((t=en).beforeString.apply(t,n))}),(function(){var t;return D((t=en).beforeStep.apply(t,n),(function(){return D(a[0].call(u,a[1],f),(function(){return A((function(){var t,e;if(null===(t=a[2])||void 0===t?void 0:t.isLast)return C((e=en).afterString.apply(e,n))}),(function(){var t;return D((t=en).afterStep.apply(t,n),(function(){an.setMeta(f.id,{executed:!0}),R(!1)}))}))}))}))}))}),(function(){return!1})),(function(t){var e;return tn.completed=!0,D((e=en).afterComplete.apply(e,n),(function(){if(!en.loop)throw"";var n=en.loopDelay;q((function(){return D(j(n),(function(){V()}))}),n.after)}))}))}),E),(function(n){return u}))})),U=function(n){return new Promise((function(t){q((function(){return t()}),n||0)}))},F=function n(t){var e=z(),r=x(t,_,e);return _+=r.numberOfSteps,new Promise((function(t){q(H((function(){return function(n,t,e,r){if(e){var i=r,o=t[(i=i>t.length?t.length:i)-1];(n=o?o.parentNode:n).insertBefore(e,o||null)}}(W,z(),fn,_),A((function(){if(r.isString&&r.canKeepMoving)return C(n(r.numberOfSteps>0?"START":"END"))}),(function(){return t()}))})),Z[0])}))},K=function(n){return new Promise((function(t){q((function(){return L(W,n,fn,_),t()}),Z[0])}))},Q=H((function(n){en=r(en,n)})),Y=H((function(){X?W.value="":z().forEach((function(n){M(n)}))})),G=function n(t){return t=!0===t,new Promise((function(e){q(H((function(){var r=!1,i=z();return i.length&&(X?W.value=W.value.slice(0,-1):M(i[_])),f(W.querySelectorAll("*")).forEach((function(n){if(!n.innerHTML&&"BR"!==n.tagName){for(var t=n;1===t.parentNode.childNodes.length&&t.parentNode.childNodes[0].isEqualNode(t);)t=t.parentNode;M(t)}})),A((function(){if(t&&i.length-1>0)return D(n(!0),(function(){return r=!0,e()}))}),(function(n){return r?n:e()}))})),Z[1])}))};this.break=function(n){return p([K,h(m("BR"))],1,n)},this.delete=function(n,t){var e=T(t);return p([e[0]].concat([].concat(Array(Math.abs(n)||1)).fill().map((function(){return[G,!n,nn]})),[e[1]]),1,t)},this.empty=function(){return p(Y,1,arguments)},this.exec=function(n,t){var e=T(t);return p([e[0],[n,null],e[1]],1,t)},this.move=function(n,t){var e=x(n,_,z()),r=T(t),i=e.isString?n:Math.sign(n);return p([r[0]].concat([].concat(Array(Math.abs(n)||1)).fill().map((function(){return[F,i,nn]})),[r[1]]),1,t)},this.options=function(n){return p([Q,n],1,n)},this.pause=function(n,t){return p([U,n],1,t)},this.type=function(n,t){var e=T(t),r=y(n,en.html),i=[e[0]].concat(c(r,K,nn,!0),[e[1]]);return p(i,1,t)},this.is=function(n){return tn[n]},this.destroy=function(n){n=void 0===n||n,$.forEach((function(n){clearTimeout(n)})),$=[],n&&M(fn),tn.destroyed=!0},this.freeze=function(){tn.frozen=!0},this.unfreeze=function(){tn.frozen=!1,V()},this.reset=function(){for(var n in!this.is("destroyed")&&this.destroy(),an.reset(),_=0,tn)tn[n]=!1;return X?W.value="":W.innerHTML="",this},this.go=function(){return tn.started?this:(I(),en.waitUntilVisible?(function(n,t){new IntersectionObserver((function(e,r){e.forEach((function(e){e.isIntersecting&&(t(),r.unobserve(n))}))}),{threshold:1}).observe(n)}(W,V.bind(this)),this):(V(),this))},this.getQueue=function(){return an},this.getOptions=function(){return en},this.getElement=function(){return W};var J,W="string"==typeof(J=e)?document.querySelector(J):J,X=N(W),Z=[],$=[],_=0,nn={freezeCursor:!0},tn={started:!1,completed:!1,frozen:!1,destroyed:!1},en=r(t,o);en=r(en,{html:!X&&en.html,nextStringDelay:b(en.nextStringDelay),loopDelay:b(en.loopDelay)});var rn,on,un,cn=Math.random().toString().substring(2,9),an=new a([U,en.startDelay]);W.setAttribute("data-typeit-id",cn),g("[data-typeit-id]:before {content: '.'; display: inline-block; width: 0; visibility: hidden;}[data-typeit-id]"),en.strings=(un=en.strings,rn=i(un)?un:[un],(on=function(n){return n.innerHTML.replace(/<\!--.*?-->/g,"").trim()}(W))?(W.innerHTML="",en.startDelete?(v(on).forEach((function(n){L(W,n,fn,_)})),an.add([G,!0]),B(1),rn):[on.trim()].concat(rn)):rn);var fn=function(){if(X||!en.cursor)return null;var n=m("span");return n.innerHTML=l(en.cursorChar).innerHTML,n.className="ti-cursor",n.style.cssText="display:inline;".concat(w(W)),n}();en.strings.length&&function(){var n=en.strings.filter((function(n){return!!n}));n.forEach((function(t,e){var r=y(t,en.html);an.add(c(r,K,nn,!0));var i=an.getItems().length;if(e+1!==n.length){if(en.breakLines){var o=h(m("BR"));return an.add([K,o,nn]),void B(i)}an.add(c(r,G,nn)),B(i,t.length)}}))}()}}));
</script>
</head>
<body>
<!-- Tarjeta inferior derecha -->
<div class="guigui_xfkp" id="guigui_xfxkp" style="background-image: url(https://mms0.baidu.com/it/u=1094456095,3224255275&fm=253&app=138&f=JPEG?w=500&h=500);">
<div class="guigui_biaoti" data-typeit-id="4846635">
<span class="ti-cursor with-delay" style="display: inline; color: rgb(0, 0, 0); font: 700 20px GuiguiFontStyle; margin: 0px -4.67188px 0px -0.671875px;">|</span>
</div>
<div id="guigui_jzsc"></div>
<div class="guigui_text" data-typeit-id="8524720">
<span class="ti-cursor with-delay" style="display: inline; color: rgb(255, 127, 227); font: 14px GuiguiFontStyle;">|</span>
</div>
<div class="guigui_zanzhu" onclick="guigui_skmkq()">
<p>
Haz una donación
</p>
</div>
<div class="guigui_xfkpgb" onclick="guanbi()">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-guanbi">
</use>
</svg>
</div>
</div>
<!-- Fin de la tarjeta inferior derecha-->
<!-- Código de agradecimiento -->
<div class="guigui_skm_box" id="guigui_skmqk" style="display: none;">
<div class="guigui_skm">
<div class="guigui_skm_img_p">
<!-- Código de cobro de QQ -->
<img data-src="https://cache.cenguigui.cn/images/ds/qqskm.jpg" alt="" src="./笒鬼鬼api_files/qqskm.jpg">
<p>
Código de cobro de QQ
</p>
</div>
<div class="guigui_skm_img_p">
<!-- Código de cobro de WeChat -->
<img data-src="https://cache.cenguigui.cn/images/ds/wxskm.jpg" alt="" src="./笒鬼鬼api_files/wxskm.jpg">
<p>
Código de cobro de WeChat
</p>
</div>
<div class="guigui_skm_img_p">
<!-- Código de cobro de Alipay -->
<img data-src="https://cache.cenguigui.cn/images/ds/zfbskm.jpg" alt="" src="./笒鬼鬼api_files/zfbskm.jpg">
<p>
Código de cobro de Alipay
</p>
</div>
<span onclick="guigui_guanbi_skm()">
<svg class="guigui_icon" aria-hidden="true">
<use xlink:href="#icon-guanbi">
</use>
</svg>
</span>
</div>
</div>
<!-- Código de agradecimiento para móvil -->
<div class="guigui_reward">
<button id="rewardButton" disable="enable" onclick="var qr = document.getElementById('QR'); if (qr.style.display === 'none') {qr.style.display='block';} else {qr.style.display='none'}">
<span>
Propinar
</span>
</button>
<div id="QR" style="display: none;">
<div id="wechat" style="display: inline-block">
<a class="fancybox" rel="group">
<img id="wechat_qr" src="./笒鬼鬼api_files/wxskm.jpg" alt="Propinar con WeChat">
</a>
<p>
WeChat
</p>
</div>
<div id="alipay" style="display: inline-block">
<a class="fancybox" rel="group">
<img id="alipay_qr" src="./笒鬼鬼api_files/zfbskm.jpg" alt="Propinar con Alipay">
</a>
<p>
Alipay
</p>
</div>
</div>
</div>
<!-- Cargar JS de escritura -->
<script type="text/javascript">
// Función para calcular el tiempo de ejecución segura del sitio
// Obtener el elemento div con id guigui_jzsc
var div = document.getElementById('guigui_jzsc');
function getRunningTime() {
var now = new Date();
var startDate = new Date('2022-08-15'); // Suponiendo la fecha de inicio del sitio
var diff = now - startDate; // Diferencia en milisegundos
// Calcular años completos
var years = now.getFullYear() - startDate.getFullYear();
// Verificar si se necesita ajustar el año (si la fecha actual de este año no ha llegado a la fecha de inicio, restar un año)
if (now.getMonth() < startDate.getMonth() || (now.getMonth() === startDate.getMonth() && now.getDate() < startDate.getDate())) {
years--;
}
// Ajustar startDate al mismo mes y día del año actual para calcular los días restantes
startDate.setFullYear(now.getFullYear());
// Si la startDate ajustada es mayor que la fecha actual, ajustar startDate un año atrás
if (startDate > now) {
startDate.setFullYear(now.getFullYear() - 1);
}
diff = now - startDate; // Recalcular la diferencia en milisegundos
var days = Math.floor(diff / (1000 * 60 * 60 * 24)); // Calcular días
var hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); // Calcular horas
var minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60)); // Calcular minutos
var seconds = Math.floor((diff % (1000 * 60)) / 1000); // Calcular segundos
// Asignar el resultado a la propiedad innerText del div
div.innerText = "Este sitio ha estado funcionando de forma segura durante " + years + " años " + days + " días " + hours + " horas " + minutes + " minutos " + seconds + " segundos";
}
// Actualizar el tiempo de ejecución cada segundo
setInterval(getRunningTime, 1000);
// Mostrar inicialmente una vez
getRunningTime();
// Máquina de escribir
// Imprimir título
new TypeIt(".guigui_biaoti", {
speed: 100,
waitUntilVisible: true
}).type("笒鬼鬼api")
// .pause(500) // Pausar 500 milisegundos entre dos textos.
// .type("¡Bienvenido a mi sitio de API!")
.go();
// Imprimir bienvenida
new TypeIt(".guigui_text", {
loop: true,
cursorSpeed: 1000,
speed: 100
}).type("Hola desconocido").pause(2000).delete(null, {
delay: 500
}).type("¡Bienvenido a笒鬼鬼api!").pause(3000).go();
</script>
</body>
</html>
Error en el sitio web
Ex.js:1333 version: 12
Ex.js:3847 before all_funcdisable
/?preview_theme_id=212:380
GET https://www.justnainai.com/%E7%AC%92%E9%AC%BC%E9%AC%BCapi_files/qqskm.jpg 404 (Not Found)
/?preview_theme_id=212:387
GET https://www.justnainai.com/%E7%AC%92%E9%AC%BC%E9%AC%BCapi_files/wxskm.jpg 404 (Not Found)
/?preview_theme_id=212:394
GET https://www.justnainai.com/%E7%AC%92%E9%AC%BC%E9%AC%BCapi_files/zfbskm.jpg 404 (Not Found)
Ex.js:3850 undefined
Ex.js:3858 all_funcdisable
FingerPrint.js:19 has get the FIngerPrintSwitch
FingerPrint.js:20 false
/?preview_theme_id=212:437
GET https://www.justnainai.com/%E7%AC%92%E9%AC%BC%E9%AC%BCapi_files/wxskm.jpg 404 (Not Found)
/?preview_theme_id=212:437
GET https://www.justnainai.com/%E7%AC%92%E9%AC%BC%E9%AC%BCapi_files/zfbskm.jpg 404 (Not Found)
i18n-3b40e842fd72b9bcc74ea83e094c823cd9ca535e4ecc5e78722e6f99d3656137.js:1 Uncaught ReferenceError: require is not defined
at i18n-3b40e842fd72b9bcc74ea83e094c823cd9ca535e4ecc5e78722e6f99d3656137.js:1:1
(匿名) @ i18n-3b40e842fd72b9bcc74ea83e094c823cd9ca535e4ecc5e78722e6f99d3656137.js:1
tags?v=43de2bf2704ed56ba600b37987a93e19:1 Uncaught ReferenceError: I18n is not defined
at tags?v=43de2bf2704ed56ba600b37987a93e19:1:1
(匿名) @ tags?v=43de2bf2704ed56ba600b37987a93e19:1
deprecated.js:54 Deprecation notice: Using 'on' from 'discourse-common/utils/decorators' as a class property decorator is deprecated. You should import it from '@ember-decorators/object' instead. [deprecation id: discourse.utils-decorators-on]
deprecated @ deprecated.js:54
(匿名) @ decorators.js:85
(匿名) @ applyDecoratedDescriptor.js:12
_applyDecoratedDescriptor @ applyDecoratedDescriptor.js:11
18034 @ user-posts-stream.js:63
__webpack_require__ @ bootstrap:19
56215 @ user-stream.js:138
__webpack_require__ @ bootstrap:19
61372 @ badge.js:74
__webpack_require__ @ bootstrap:19
36633 @ topic-tracking-state.js:1149
__webpack_require__ @ bootstrap:19
46828 @ category-list.js:116
__webpack_require__ @ bootstrap:19
52623 @ session.js:12
__webpack_require__ @ bootstrap:19
78553 @ ajax-error.js:102
__webpack_require__ @ bootstrap:19
83765 @ group-history.js:10
__webpack_require__ @ bootstrap:19
32274 @ create-invite-bulk.js:3
__webpack_require__ @ bootstrap:19
34190 @ second-factor-edit.js:7
__webpack_require__ @ bootstrap:19
6475 @ post-user-tip-shim.js:8
__webpack_require__ @ bootstrap:19
(匿名) @ discourse.js:497
s.exports @ loader.js:106
requireModule @ loader.js:27
58048 @ post:2
__webpack_require__ @ bootstrap:19
16273 @ watched-words.js:11
__webpack_require__ @ bootstrap:19
43347 @ users.js:122
__webpack_require__ @ bootstrap:19
48948 @ topic.js:12
__webpack_require__ @ bootstrap:19
(匿名) @ discourse.js:28
s.exports @ loader.js:106
requireModule @ loader.js:27
(匿名) @ start-app.js:4
(匿名) @ discourse-boot.js:13
(匿名) @ discourse-boot.js:1
app.js:239 ℹ️ Discourse v3.3.0.beta3-dev — https://github.com/discourse/discourse/commits/625c715856 — Ember v5.5.0
runtime.js:3551 [Intervention]Images loaded lazily and replaced with placeholders. Load events are deferred. See https://go.microsoft.com/fwlink/?linkid=2048113
deprecated.js:54 [PLUGIN discourse-multilingual-7b09ee8f71769eae6d165b6e9ce8db2649342ec4557f214a04e0add4c7be6211] Deprecation notice: Importing getOwner from `discourse-common/lib/get-owner` is deprecated. See the alternatives on meta. [deprecated since Discourse 3.2] [deprecation id: discourse.get-owner-with-fallback] [info: https://meta.discourse.org/t/292080]
deprecated @ deprecated.js:54
getOwner @ get-owner.js:23
r @ multilingual-route.js:19
c @ multilingual-route.js:33
d @ multilingual-route.js:38
e.removeParam @ multilingual-route.js:81
(匿名) @ multilingual-initializer.js:30
(匿名) @ plugin-api.js:126
(匿名) @ plugin-api.js:674
m @ index.js:200
trigger @ evented.js:27
(匿名) @ page-tracker.js:41
invoke @ backburner.js.js:282
flush @ backburner.js.js:197
flush @ backburner.js.js:358
_end @ backburner.js.js:798
end @ backburner.js.js:589
_runExpiredTimers @ backburner.js.js:905
setTimeout(异步)
setTimeout @ backburner.js.js:47
_installTimerTimeout @ backburner.js.js:948
_reinstallTimerTimeout @ backburner.js.js:932
_later @ backburner.js.js:865
throttle @ backburner.js.js:696
e.throttle @ index.js:273
_checkSize @ chat-drawer.js:142
_join @ backburner.js.js:824
join @ backburner.js.js:629
l @ index.js:81
(匿名) @ index.js:118
didInsertElement @ chat-drawer.js:61
r @ index.js:361
_trigger @ core_view.js:55
r @ index.js:361
_trigger @ ember-events.js:143
r @ index.js:361
didCreate @ index.js:2102
commit @ runtime.js:3965
commit @ runtime.js:4062
Nt @ runtime.js:4082
_renderRoots @ index.js:4916
_renderRootsTransaction @ index.js:4960
_renderRoot @ index.js:4905
_appendDefinition @ index.js:4830
appendOutletView @ index.js:4820
invoke @ backburner.js.js:282
flush @ backburner.js.js:197
flush @ backburner.js.js:358
_end @ backburner.js.js:798
B._boundAutorunEnd @ backburner.js.js:523
Promise.then(异步)
n @ backburner.js.js:26
flush @ index.js:40
_scheduleAutorun @ backburner.js.js:964
_end @ backburner.js.js:804
B._boundAutorunEnd @ backburner.js.js:523
Promise.then(异步)
n @ backburner.js.js:26
flush @ index.js:40
_scheduleAutorun @ backburner.js.js:964
_end @ backburner.js.js:804
B._boundAutorunEnd @ backburner.js.js:523
Promise.then(异步)
n @ backburner.js.js:26
flush @ index.js:40
_scheduleAutorun @ backburner.js.js:964
_end @ backburner.js.js:804
B._boundAutorunEnd @ backburner.js.js:523
Promise.then(异步)
n @ backburner.js.js:26
flush @ index.js:40
_scheduleAutorun @ backburner.js.js:964
_end @ backburner.js.js:804
B._boundAutorunEnd @ backburner.js.js:523
Promise.then(异步)
n @ backburner.js.js:26
flush @ index.js:40
_scheduleAutorun @ backburner.js.js:964
_end @ backburner.js.js:804
B._boundAutorunEnd @ backburner.js.js:523
Promise.then(异步)
n @ backburner.js.js:26
flush @ index.js:40
_scheduleAutorun @ backburner.js.js:964
_end @ backburner.js.js:804
B._boundAutorunEnd @ backburner.js.js:523
Promise.then(异步)
n @ backburner.js.js:26
flush @ index.js:40
_scheduleAutorun @ backburner.js.js:964
_end @ backburner.js.js:804
B._boundAutorunEnd @ backburner.js.js:523
Promise.then(异步)
n @ backburner.js.js:26
flush @ index.js:40
_scheduleAutorun @ backburner.js.js:964
_ensureInstance @ backburner.js.js:955
schedule @ backburner.js.js:648
e.schedule @ index.js:167
waitForDOMReady @ index.js:343
init @ index.js:251
b @ core.js:77
create @ core.js:401
(匿名) @ start-app.js:4
(匿名) @ discourse-boot.js:13
(匿名) @ discourse-boot.js:1