Click here for free DL of the app version that can save data.

No:13966

151

←

Prev Next

→

Speedometer
Developer User6030｜Date and time 23/8/30 19:32:26
Build time 15.047 sec｜Game capacity 2.659KB｜

Script

Спидометр

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
    <title>Speedometer</title>
</head>
<body>
    <h1>Спидометр</h1>
    <div id="speedometer"></div>
    <script>
        // Создаем переменные для спидометра и его значения
        var speedometer = {
            maxValue: 180, // Максимальное значение на спидометре
            currentValue: 0, // Текущее значение
            updateSpeed: function() {
                // Обновляем значения спидометра и отображаем их
                var speedValue = document.getElementById("speedValue");
                speedValue.textContent = this.currentValue;
                var speedPointer = document.getElementById("pointer");
                speedPointer.style.transform = "rotate(" + (this.currentValue * 1.25) + "deg)";
            },
            increaseSpeed: function() {
                // Увеличиваем скорость на 10
                if (this.currentValue < this.maxValue) {
                    this.currentValue += 10;
                }
                this.updateSpeed();
            },
            decreaseSpeed: function() {
                // Уменьшаем скорость на 10
                if (this.currentValue > 0) {
                    this.currentValue -= 10;
                }
                this.updateSpeed();
            },
            init: function() {
                // Инициализируем спидометр
                var speedometerHtml = '<div id="speedometerContainer" style="position:relative; width:300px; height:300px; border-radius:50%; background-color:#E6E6E6; border:5px solid #000; margin:0 auto;">' +
                    '<div id="pointer" style="position:absolute; top:2px; left:148px; width:4px; height:142px; background-color:red; transform-origin:50% 95% 0;"></div>' +
                    '<div id="speedValue" style="position:absolute; top:150px; left:124px; font-size:24px;">' + this.currentValue + '</div>' +
                    '<div id="buttons" style="position:absolute; top:200px; left:50px;">' +
                        '<button onclick="speedometer.increaseSpeed();" style="margin-right:5px;">+</button>' +
                        '<button onclick="speedometer.decreaseSpeed();">-</button>' +
                    '</div>' +
                '</div>';
                document.getElementById("speedometer").innerHTML = speedometerHtml;
            }
        };

// Запускаем инициализацию спидометра
        speedometer.init();
    </script>
</body>
</html>