SOURCE

// $('.button').click(function(){
//     d(event)

//   $('.delay').show();
// })
function d(event){
    var evt = event || window.event;              
// console.log({'x':e.screenX,'y':screenY})
console.log(evt.clientX + document.body.scrollLeft - document.body.clientLeft )
}
d()

<div>
  <div class="button">Btu</div>
  <div class="delay"><div></div></div>
</div>

 .button{
  width: 100px;
  height: 50px;
  background: red;
  border-radius: 10%; 
  color: #fff;
  position:relative;
  overflow: hidden;
}
.delay{
  position: absolute;
  z-index:999999;
  left:10px;
  top:0px;
  transform: scale(1);
 display:none;
}
.delay div{
  background:#1487FF;
  width:15px;
  height:15px;
  border-radius: 100%;
  margin: 2px;
  animation-fill-mode: both;
  width:50px;
  height: 50px;
  display: inline-block;
  animation: delay 1s 0s ease-in-out infinite;
}
@keyframes delay{
  0%{
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100%{
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}