懂JS的大神来看看，帮我这个菜鸟注释一下这段代码

懂JS的大神来看看，帮我这个菜鸟注释一下这段代码

//x轴长度
var xPos = 2000;
// BODY对象高度 y轴长度
var yPos = document.body.clientHeight;
//步数
var step = 1;
//间隔时间
var delay = 30;
//高度
var height = 0;
//高开始量
var Hoffset = 0;
//宽开始量
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;

img.style.top = yPos;

function changePos()
{
//body宽（屏幕宽）
width = document.body.clientWidth;
//body高（屏幕高）
height = document.body.clientHeight;
//img的高
Hoffset = img.offsetHeight;
//img的宽
Woffset = img.offsetWidth;
//img左距=x轴长度+ 获取页面的水平滚动条位置，设置图片距离左边距离
img.style.left = xPos + document.body.scrollLeft;
//img距离顶部=y轴长度+获取页面的垂直滚动条位置，设置图片距离顶部距离
img.style.top = yPos + document.body.scrollTop;

//yon 初始值0
if (yon)
{
//yPos= y轴长度+1 向上偏移
yPos = yPos + step;
}
else
{
////yPos= y轴长度-步数，向下偏移
yPos = yPos - step;
}

//当y轴偏移后长度小于0，则赋值0 ，yon=1(后面yPos可以继续下偏移)
if (yPos < 0)
{
yon = 1;
yPos = 0;
}
// yPos先上偏移才或者不动>=屏幕高度-img的高
//yPos已向上偏移则yon=0,yPos则变小 =屏幕高度-img的高
if (yPos >= (height - Hoffset))
{
yon = 0;
yPos = (height - Hoffset);
}
//xon=0,则为false,1为true
if (xon)
{
xPos = xPos + step;
}
else
{
//x轴向左偏移
xPos = xPos - step;
}

//当x轴偏移后长度小于0，则赋值0 ，xon=1(后面xPos可以继续左偏移)
if (xPos < 0)
{
xon = 1;
xPos = 0;
}

// // xPos>=屏幕宽度-img的宽
//xPos已向上偏移则yon=0,xPos则变小 =屏幕宽度-img的宽
if (xPos >= (width - Woffset))
{
xon = 0;
xPos = (width - Woffset);
}
}

function www_helpor_net()
{
//图片可视
img.visibility = "visible";
//每隔30毫秒调用changePos方法，隔30毫秒移动图片
//ps：setInterval它设置的时间间隔小于动画帧速（如每秒10帧，相当于100毫秒），则按照尽可能接近interval的时间间隔调用函数
interval = setInterval('changePos()', delay);
}
//图片移动的方法
www_helpor_net();
追答：给个好评呗