正弦曲线及其波动02

来源：互联网发布：安卓 node.js 编辑：程序博客网时间：2024/04/30 15:24

<body>
<p onclick=movetox()>A Sin waving Circle...
<script>

//由width:10pt;height:10pt; 控制圆的大小

var r = 20;
  var pi = Math.PI;
var aa = 0;
var a=0;
var str = "";
var fillcolor="#FF0000";
var strokecolor="#FF0000";
for(var a0=0;a0<=1440*2;a0=a0+10){
  aa = 4 * (a + a0) * pi / 1440;
  kx=2+a0*1/3;
  ky=250 + 180 * Math.sin(aa);
  str = str +"<v:oval id='_glc0"+a0+"' ";
  str = str +"style='position:absolute;left:"+kx+"px;top:"+ky+"px;width:2px;height:2px;z-index:1;cursor:move' ";
  str = str +"fillcolor='"+fillcolor+"' strokecolor='"+strokecolor+"' strokeweight='2px' strokecolor='windowText [64]'/>";
}
document.write(str);

function movetox() {
theTime = setTimeout("movetox()", 200);
var today = new Date();

var display= today.toLocaleString();
status=""+a+"-"+display;
for(var jj=0;jj<=1440*2;jj=jj+10){
  obj2=eval("_glc0"+jj);
  ab = 4 * (a + jj) * pi / 1440;
  var yy=250 + 180 * Math.sin(ab);
  obj2.fillcolor=getrandomcolor();
//  obj2.strokecolor=getrandomcolor();
  obj2.style.top=yy;
}
if(a>=1440*1) a = 0;
a=a+10;

}

//var x;
//x=getrandomcolor();

function getrandomcolor()
{
var r1,r2,r3;
r1=Math.round((Math.random()*256));
r2=Math.round((Math.random()*256));
r3=Math.round((Math.random()*256));

// document.write("随机数:"+r1+"."+r2+"."+r3);
// document.write("<br>");

return "#"+prefixzero(r1.toString(16),2,1)+prefixzero(r2.toString(16),2,1)+prefixzero(r3.toString(16),2,1);

}

//按要求的宽度输出字串，另上前缀零:
//
//flag: 1 - 如strg的宽度大于wdth,则输出strg (缺省)
// 2 - 如strg的宽度大于wdth,则输出前wdth个字符的strg
// 3 - 如strg的宽度大于wdth,则输出后wdth个字符的strg

function prefixzero(strg,wdth,flag)
{
var zero ="000000000000000000000000000";

var slen=strg.length;
var zlen=zero.length;
var prez;

if (slen>=wdth) {
  if (flag == 2) {
   return strg.substring(0, wdth)
  } else if (flag == 3) {
   return strg.substring(slen-wdth, slen)
  } else       //if (flag == 1)
  {
   return strg;
  }
} else {
  prez = zero.substring(0, wdth-slen)
  return prez + strg;
}
}

</script>
</body>
</html>