2025-09-01 20:04:04 +08:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="zh-hans">
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport"
|
|
|
|
|
content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
|
|
|
|
|
|
|
|
|
|
<title>魔碑</title>
|
|
|
|
|
<style>
|
|
|
|
|
body {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
height: 100vh;
|
|
|
|
|
margin: 0;
|
2025-09-01 20:35:16 +08:00
|
|
|
overflow: hidden;
|
2025-09-01 20:04:04 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
img {
|
|
|
|
|
/* max-height: 80%; */
|
|
|
|
|
/* height: auto; */
|
2025-09-01 20:35:16 +08:00
|
|
|
width: 350px;
|
2025-09-01 20:04:04 +08:00
|
|
|
/* flex-grow: 1; */
|
|
|
|
|
transition: transform 0.05s ease-in-out;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<h1>当大家想魔子了，就回来肘一下</h1>
|
2025-09-01 20:38:58 +08:00
|
|
|
<img src="data:image/jpeg;base64,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
|
|
|
|
|
alt="" id="img">
|
2025-09-01 20:04:04 +08:00
|
|
|
<h2>肘击次数:</h2>
|
|
|
|
|
<h3 id="counter"></h3>
|
|
|
|
|
<script>
|
2025-09-01 20:38:58 +08:00
|
|
|
//禁止双指放大
|
|
|
|
|
document.documentElement.addEventListener('touchstart', function (event) {
|
|
|
|
|
if (event.touches.length > 1) {
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
}
|
|
|
|
|
}, false);
|
|
|
|
|
//禁止双击放大
|
|
|
|
|
var lastTouchEnd = 0;
|
|
|
|
|
document.documentElement.addEventListener('touchend', function (event) {
|
|
|
|
|
var now = Date.now();
|
|
|
|
|
if (now - lastTouchEnd <= 300) {
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
}
|
|
|
|
|
lastTouchEnd = now;
|
|
|
|
|
}, false);
|
|
|
|
|
|
|
|
|
|
|
2025-09-01 20:04:04 +08:00
|
|
|
function count() {
|
|
|
|
|
fetch('/c').then(response => response.text()).then(data => {
|
|
|
|
|
var counter = document.getElementById('counter');
|
|
|
|
|
counter.innerHTML = data;
|
|
|
|
|
})
|
|
|
|
|
}
|
2025-09-01 20:38:58 +08:00
|
|
|
function add() {
|
2025-09-01 20:04:04 +08:00
|
|
|
fetch('/a').then(response => response.text()).then(data => {
|
|
|
|
|
var counter = document.getElementById('counter');
|
|
|
|
|
counter.innerHTML = data;
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
count()
|
|
|
|
|
//初始化数据
|
|
|
|
|
var image = document.getElementById('img');
|
|
|
|
|
image.addEventListener('click', () => {
|
|
|
|
|
add()
|
|
|
|
|
image.style.transform = image.style.transform === 'scale(1.3)' ? 'scale(1)' : 'scale(1.3)';
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
image.style.transform = 'scale(1)';
|
|
|
|
|
}, 50);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
