SOURCE

var a=95;
var x;
var y;
var b=95;
var yuan;
var times;
var r=95;
var hudu=0;
var m;
function guidao(){
    var h=document.getElementById("cs");
    if(hudu<=360){
     hudu =hudu+1;
     h.innerHTML=hudu;
     g=Math.PI/180*hudu;  ///计算角度
     x = a + Math.sin(g) * r;
     y = b - Math.cos(g) * r;
     zd();
    }
    else
    {
        hudu=0;
    }
}
function zd(){
    l=document.getElementById("yuan");
    l.style.left=x+"px";
    l.style.top=y+"px";
    var r=document.createElement("div");
    r.style.width=10+"px";
    r.style.height=10+"px";
    r.className="rrr";
    r.style.position="absolute";
    r.style.left=x+"px";
    r.style.top=y+"px";
    r.style.background="red";
    var s=document.getElementById("box");
    s.appendChild(r);
}
function zg(){
    m=setInterval(guidao,30);
}
function js(){
    clearInterval(m);
 }

<div class="background" id="box">
    <div id="yuan">
    </div>
    <p id="cs">测试</p>
</div>
<button id="begin" onclick="zg()">开始</button>
<button id="begin" onclick="js()">结束</button>

.background{
    position: relative;
    width: 200px;
    height: 200px;
    background: lawngreen
}
#yuan{
    position:absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 95px;
    background-color: gold;
    z-index: 1;
}
.rrr{
    border-radius: 50%;
    z-index: 0;
}