×
创建新页面
在此填写您的页面标题:
我们当前在Undertale社区维基上拥有190个页面。请在上方输入您的页面名称或点击以下任意标题来开始编写页面!



Undertale社区维基
欢迎来到Undertale社区维基(*`∀´*)ノ亻,如果想要参与条目创建或编辑,请先登录

<html> <body>

  • <a href="Underswap"><img src="bmD5vj.png"/></a>
  • <a href="Underfell"><img src="bmZl4g.png"/></a>
  • <a href="Storyshift"><img src="bmrAPO.png"/></a>
  • <a href="Facing_Demons"><img style="width:100%;" src="FD.png"/></a>
  • <a href="HELP_tale"><img src="bmrDiT.png"/></a>
  • <a href="Empiretale"><img style="width:85%;"src="Empiretale_logo.png"/></a>
  • <a href="OMORITALE"><img src="Omoritale.png"/></a>
<button class="btn" id="leftBtn">

<

</button> <button class="btn" id="rightBtn">

>

</button>
   <script>
       var items = document.querySelectorAll(".item");//图片
       var points = document.querySelectorAll(".point")//点
       var left = document.getElementById("leftBtn");
       var right = document.getElementById("rightBtn");
       var all = document.querySelector(".wrap")
       var index = 0;
       var time = 0;//定时器跳转参数初始化
       

       //清除active方法
       var clearActive = function () {
           for (i = 0; i < items.length; i++) {
               items[i].className = 'item';
           }
           for (j = 0; j < points.length; j++) {
               points[j].className = 'point';
           }
       }

       //改变active方法
       var goIndex = function () {
           clearActive();
           items[index].className = 'item active';
           points[index].className = 'point active'
       }
       //左按钮事件
       var goLeft = function () {
           if (index == 0) {
               index = 6;
           } else {
               index--;
           }
           goIndex();
       }

       //右按钮事件
       var goRight = function () {
           if (index < 6) {
               index++;
           } else {
               index = 0;
           }
           goIndex();
       }
       

       //绑定点击事件监听
       left.addEventListener('click', function () {
           goLeft();
           time = 0;//计时器跳转清零
       })

       right.addEventListener('click', function () {
           goRight();
           time = 0;//计时器跳转清零
       })

       for(i = 0;i < points.length;i++){
           points[i].addEventListener('click',function(){
               var pointIndex = this.getAttribute('data-index')
               index = pointIndex;
               goIndex();
               time = 0;//计时器跳转清零
           })
       }
       //计时器
       var timer;
       function play(){
        timer = setInterval(() => {
           time ++;
           if(time == 30 ){
               goRight();
               time = 0;
           }    
       },100)
   }
       play();
       //移入清除计时器
       all.onmousemove = function(){
           clearInterval(timer)
       }
      //移出启动计时器
       all.onmouseleave = function(){
           play();
       }
   </script>

</body>

</html>