미디어위키:Common.js: 두 판 사이의 차이

잔글편집 요약 없음
잔글편집 요약 없음
 
(같은 사용자의 중간 판 14개는 보이지 않습니다)
25번째 줄: 25번째 줄:
     });
     });


    class DeleterReplacer {
$(function () {
        constructor(element) {
    $("i.mw-typing").each(function () {
            this.element = element;
        var $el = $(this);
            this.originalString = element.getAttribute('string-deleter-replacer') || element.textContent.trim();
        var original = $el.text().trim();
            this.finalString = element.getAttribute('result') || '[Removed]';
        var speed = parseInt($el.attr("data-speed"), 10) || 50;
            this.delay = parseInt(element.getAttribute('delete-delay')) || 50;
        var goal = $el.attr("data-goal");
             this.deleteSpeed = parseInt(element.getAttribute('delete-speed')) || 5;
        var delay = parseInt($el.attr("data-delay"), 10) || 0;
            this.currentString = this.originalString;
 
            this.step = 0;
        if (goal && goal.trim().length > 0) {
            this.maxSteps = Math.ceil(this.originalString.length / this.deleteSpeed) + 3;  
             $el.text(original);
             this.intervalId = null;
 
            this.element.textContent = this.originalString;
            function startDeleting() {
             this.start();
                var i = original.length;
                function deleteStep() {
                    if (i > 0) {
                        i--;
                        $el.text(original.slice(0, i));
                        setTimeout(deleteStep, speed);
                    } else {
                        typeGoal();
                    }
                }
 
                var j = 0;
                function typeGoal() {
                    if (j < goal.length) {
                        $el.text($el.text() + goal.charAt(j));
                        j++;
                        setTimeout(typeGoal, speed);
                    }
                }
 
                deleteStep();
            }
 
            setTimeout(startDeleting, delay);
 
        } else {
             $el.text("");
 
            function startTyping() {
                var k = 0;
                function typeOriginal() {
                    if (k < original.length) {
                        $el.text($el.text() + original.charAt(k));
                        k++;
                        setTimeout(typeOriginal, speed);
                    }
                }
                typeOriginal();
             }
 
            setTimeout(startTyping, delay);
         }
         }
    });
});


        transformStep() {
            this.step++;
            if (this.step <= this.maxSteps) {
                const charsToReplace = Math.min(this.deleteSpeed, this.currentString.length);
                let indices = [];
                for (let i = 0; i < this.currentString.length; i++) {
                    if (this.currentString.charAt(i) !== '█') {
                        indices.push(i);
                    };
                };
                for (let i = 0; i < charsToReplace && indices.length > 0; i++) {
                    const randomIndex = Math.floor(Math.random() * indices.length);
                    const charIndex = indices[randomIndex];
                    this.currentString = this.currentString.substring(0, charIndex) + '█' + this.currentString.substring(charIndex + 1);
                    indices.splice(randomIndex, 1);
                };
                if (this.currentString.replace(/█/g, '').length < 5) {
                    this.currentString = this.currentString.replace(/[^█]/g, '█');
                };
                this.element.textContent = this.currentString;
            } else if (this.step === this.maxSteps + 1) {
                this.element.textContent = this.finalString.substring(0, 3) || '';
            } else if (this.step === this.maxSteps + 2) {
                this.element.textContent = this.finalString;
                clearInterval(this.intervalId);
            };
        };
        start() {
            this.intervalId = setInterval(() => this.transformStep(), this.delay);
        };
    };
    $(function() {
        const sdrElements = document.querySelectorAll('i[string-deleter-replacer]');
        sdrElements.forEach(element => {
            new DeleterReplacer(element);
        });
    });
});
});

2026년 1월 2일 (금) 21:51 기준 최신판

/* 이 자바스크립트 설정은 모든 문서, 모든 사용자에게 적용됩니다. */
mw.loader.using(['mediawiki.util'], function() {
    function generateRandomString(length) {
        var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+[]{}|;:,.<>?█▀▄▌▐';
        var result = '';
        for (var i = 0; i < length; i++) {
            result += characters.charAt(Math.floor(Math.random() * characters.length));
        };
        return result;
    };

    var rsgelements = document.querySelectorAll('i[data-random-string]');
    rsgelements.forEach(function(rsgelements) {
        var length = parseInt(rsgelements.getAttribute('data-random-string'));
        var interval = rsgelements.getAttribute('data-interval') === 'true';
        var intervalTime = parseInt(rsgelements.getAttribute('data-intervaltime'));

        if (interval) {
            setInterval(function() {
                rsgelements.textContent = generateRandomString(length);
            }, intervalTime);
        } else {
            rsgelements.textContent = generateRandomString(length);
        }
    });

$(function () {
    $("i.mw-typing").each(function () {
        var $el = $(this);
        var original = $el.text().trim();
        var speed = parseInt($el.attr("data-speed"), 10) || 50;
        var goal = $el.attr("data-goal");
        var delay = parseInt($el.attr("data-delay"), 10) || 0;

        if (goal && goal.trim().length > 0) {
            $el.text(original);

            function startDeleting() {
                var i = original.length;
                function deleteStep() {
                    if (i > 0) {
                        i--;
                        $el.text(original.slice(0, i));
                        setTimeout(deleteStep, speed);
                    } else {
                        typeGoal();
                    }
                }

                var j = 0;
                function typeGoal() {
                    if (j < goal.length) {
                        $el.text($el.text() + goal.charAt(j));
                        j++;
                        setTimeout(typeGoal, speed);
                    }
                }

                deleteStep();
            }

            setTimeout(startDeleting, delay);

        } else {
            $el.text("");

            function startTyping() {
                var k = 0;
                function typeOriginal() {
                    if (k < original.length) {
                        $el.text($el.text() + original.charAt(k));
                        k++;
                        setTimeout(typeOriginal, speed);
                    }
                }
                typeOriginal();
            }

            setTimeout(startTyping, delay);
        }
    });
});





});