永发信息网

刚照着课本写了一段程序是页面右下角的浮动时钟，但是没有看到我想要的效果，大家看看是怎么回事？

答案:2  悬赏:0  手机版
解决时间 2021-05-05 17:56
  • 提问者网友：星軌
  • 2021-05-05 08:27
<html>
<head>
<title>页面右下角的浮动时钟</title>
<script language=jscript>
<!--Begin
//时钟生成函数
function clock(){
time=new Date();
secs=time.getSeconds();
sec=-1.57+Math.PI*secs/30; //计算分针偏转角
mins=time.getMinutes();
min=-1.57+Math.PI*mins/30; //计算时针偏转角
hrs=time.getHours();
hr=-1.57+Math.PI*hrs/6+Math.PI*parseInt(mins)/360; //计算时针偏转角
if(ns){ //根据窗口大小和位置确定时钟的起始位置
Ypos=window.pageYOffset+window.innerHeight-60;
Xpos=window.pageXOffset+window.innerWidth-80;
}else{
Ypos=document.body.scrollTop+window.document.body.clientHeight-60;
Xpos=document.body.scrollLeft+window.document.body.clientWidth-80;
}
if(ns){ //分别确定小时数字、时针、分针、秒针的位置
for(i=0;i<dots;++i){
document.layers["nsDigits"+i].top=Ypos-5+40*Math.sin(-0.49+dots+i/1.9);
document.layers["nsDigits"+i].left=Xpos-15+40*Math.cos(-0.49+dots+i/1.9);
}
for(i=0;i<S.length;i++){
document.layers["nx"+i].top=Ypos+i*Ybase*Math.sin(sec);
document.layers["nx"+i].left=Xpos+i*Xbase*Math.cos(sec);
}
for(i=0;i<M.length;i++){
document.layers["ny"+i].top=Ypos+i*Ybase*Math.sin(min);
document.layers["ny"+i].left=Xpos+i*Xbase*Math.cos(min);
}
for(i=0;i<H.length;i++){
document.layers["nz"+i].top=Ypos+i*Ybase*Math.sin(hrs);
document.layers["nz"+i].left=Xpos+i*Xbase*Math.cos(hrs);
}
}else{
for(i=0;i<dots;++i){
ieDigits[i].style.pixelTop=Ypos-15+40*Math.sin(-0.49+dots+i/1.9);
ieDigits[i].style.pixelLeft=Xpos-14+40*Math.cos(-0.49+dots+i/1.9);
}
for(i=0;i<S.length;i++){
x[i].style.pixelTop=Ypos+i*Ybase*Math.sin(sec);
x[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(sec);
}
for(i=0;i<M.length;i++){
y[i].style.pixelTop=Ypos+i*Ybase*Math.sin(min);
y[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(min);
}
for(i=0;i<H.length;i++){
z[i].style.pixelTop=Ypos+i*Ybase*Math.sin(hr);
z[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(hr);
}
}
setTimeout('clock()',50); //设定0.05秒更新一次
}
//end-->
</script>
</head>
<body bgcolor=#fef4d9>
<script language=jscript>
<!--Begin
fCol='000000'; //小时数颜色
sCol='ff0000'; //秒针颜色
mCol='000000'; //分针颜色
hCol='000000'; //时针颜色
//定义时、分、秒针，并分割成单个字符数组
H='....';
H=H.split('');
M='....';
M=M.split('');
S='......';
S=S.split('');
Ypos=0;
Xpos=0;
Ybase=8; //定义指针小点垂直间距
Xbase=8;
dots=12; //钟表显示小时的个数
ns=(document.layers)?1:0; //检测是否是Netscape浏览器
if(ns){ //Netscape浏览器下时钟初始定义
dgts='1 2 3 4 5 6 7 8 9 10 11 12'; //定义时间数字显示内容
dgts=dgts.split('');
for(i=0;i<dots;i++){
document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30>
<center><font face=Arial,Verdana size=1 color='+fCol+'>'+dgts[i]+'</font></center>
</layer>'); //初始化各小时数字显示的定位层
}
for(i=0;i<M.length;i++){
document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2">
</layer>'); //初始化分针各小点的定位层
}
for(i=0;i<H.length;i++){
document.write('<layer name=nz'+i+'top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2">
</layer>'); //初始化时针各小点的定位层
}
for(i=0;i<S.length;i++){
document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2">
</layer>'); //初始化秒针各小点的定位层
}
}else{ //IE浏览器下的时钟初始定义
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for(i=1;i<dots+1;i++){
document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px; font-family:Arial,Verdana;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>');
//初始化各小时数字显示的定位层
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for(i=0;i<M.length;i++){
document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'">
</div>'); //初始化分针各小点的定位层
}
document.write('</div></div>')
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for(i=0;i<H.length;i++){
document.write('<div id=z style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>');
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for(i=0;i<S.length;i++){
document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>'); //初始化秒针各小点的定位层
}
document.write('</div></div>')
}
if(document.layers||document.all)window.onload=clock; //IE启动时钟显示
//end-->
</script>
<br><br><br><br><br><br><br><br>
</body>
</html>
最佳答案
  • 五星知识达人网友：怀裏藏嬌
  • 2021-05-05 09:23

不该换行的你换行了，你可真是照葫芦画瓢啊，，，，书上换行，是因为纸不够，，你不要跟着换行，，一行要写完，，我帮你改好了，，你自己对照


<html>
<head>
<title>页面右下角的浮动时钟</title>
<script language=jscript>
<!--Begin
//时钟生成函数
function clock(){
time=new Date();
secs=time.getSeconds();
sec=-1.57+Math.PI*secs/30; //计算分针偏转角
mins=time.getMinutes();
min=-1.57+Math.PI*mins/30; //计算时针偏转角
hrs=time.getHours();
hr=-1.57+Math.PI*hrs/6+Math.PI*parseInt(mins)/360; //计算时针偏转角
if(ns){ //根据窗口大小和位置确定时钟的起始位置
Ypos=window.pageYOffset+window.innerHeight-60;
Xpos=window.pageXOffset+window.innerWidth-80;
}else{
Ypos=document.body.scrollTop+window.document.body.clientHeight-60;
Xpos=document.body.scrollLeft+window.document.body.clientWidth-80;
}
if(ns){ //分别确定小时数字、时针、分针、秒针的位置
for(i=0;i<dots;++i){
document.layers["nsDigits"+i].top=Ypos-5+40*Math.sin(-0.49+dots+i/1.9);
document.layers["nsDigits"+i].left=Xpos-15+40*Math.cos(-0.49+dots+i/1.9);
}
for(i=0;i<S.length;i++){
document.layers["nx"+i].top=Ypos+i*Ybase*Math.sin(sec);
document.layers["nx"+i].left=Xpos+i*Xbase*Math.cos(sec);
}
for(i=0;i<M.length;i++){
document.layers["ny"+i].top=Ypos+i*Ybase*Math.sin(min);
document.layers["ny"+i].left=Xpos+i*Xbase*Math.cos(min);
}
for(i=0;i<H.length;i++){
document.layers["nz"+i].top=Ypos+i*Ybase*Math.sin(hrs);
document.layers["nz"+i].left=Xpos+i*Xbase*Math.cos(hrs);
}
}else{
for(i=0;i<dots;++i){
ieDigits[i].style.pixelTop=Ypos-15+40*Math.sin(-0.49+dots+i/1.9);
ieDigits[i].style.pixelLeft=Xpos-14+40*Math.cos(-0.49+dots+i/1.9);
}
for(i=0;i<S.length;i++){
x[i].style.pixelTop=Ypos+i*Ybase*Math.sin(sec);
x[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(sec);
}
for(i=0;i<M.length;i++){
y[i].style.pixelTop=Ypos+i*Ybase*Math.sin(min);
y[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(min);
}
for(i=0;i<H.length;i++){
z[i].style.pixelTop=Ypos+i*Ybase*Math.sin(hr);
z[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(hr);
}
}
setTimeout('clock()',50); //设定0.05秒更新一次
}
//end-->
</script>
</head>
<body bgcolor=#fef4d9>
<script language=jscript>
<!--Begin
fCol='000000'; //小时数颜色
sCol='ff0000'; //秒针颜色
mCol='000000'; //分针颜色
hCol='000000'; //时针颜色
//定义时、分、秒针，并分割成单个字符数组
H='....';
H=H.split('');
M='....';
M=M.split('');
S='......';
S=S.split('');
Ypos=0;
Xpos=0;
Ybase=8; //定义指针小点垂直间距
Xbase=8;
dots=12; //钟表显示小时的个数
ns=(document.layers)?1:0; //检测是否是Netscape浏览器
if(ns){ //Netscape浏览器下时钟初始定义
dgts='1 2 3 4 5 6 7 8 9 10 11 12'; //定义时间数字显示内容
dgts=dgts.split('');
for(i=0;i<dots;i++){
document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30><center><font face=Arial,Verdana size=1 color='+fCol+'>'+dgts[i]+'</font></center></layer>'); //初始化各小时数字显示的定位层
}
for(i=0;i<M.length;i++){
document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>'); //初始化分针各小点的定位层
}
for(i=0;i<H.length;i++){
document.write('<layer name=nz'+i+'top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>'); //初始化时针各小点的定位层
}
for(i=0;i<S.length;i++){
document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>'); //初始化秒针各小点的定位层
}
}else{ //IE浏览器下的时钟初始定义
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for(i=1;i<dots+1;i++){
document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px; font-family:Arial,Verdana;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>');
//初始化各小时数字显示的定位层
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for(i=0;i<M.length;i++){
document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>'); //初始化分针各小点的定位层
}
document.write('</div></div>')
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for(i=0;i<H.length;i++){
document.write('<div id=z style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>');
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for(i=0;i<S.length;i++){
document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>'); //初始化秒针各小点的定位层
}
document.write('</div></div>')
}
if(document.layers||document.all)window.onload=clock; //IE启动时钟显示
//end-->
</script>
<br><br><br><br><br><br><br><br>
</body>
</html>

全部回答
  • 1楼网友：何以畏孤独
  • 2021-05-05 09:54

上楼改好！

我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
咋的能不喝酒…
邵东人怎么样？好吗...？
谁会破解QQ密保
佳家粮业我想知道这个在什么地方
VM虚拟机怎样安装GHOST系统？
我爱你意大利语,我爱你 意大利语怎么说
求古剑各主角最佳装备及获得方法列表
在篮球场上科比还比不上谁？
《thenewdiana》《walkmehome》的歌词
一起同过窗
Photoshop做大型广告
诛仙法宝怎么拉掉没用的属性，看见别人法宝4抗都
WOW现在哪个FBL最多？
红橡树这个地址在什么地方，我要处理点事
用滋润水在用隔离霜行吗
推荐资讯
这道题怎么做：阅读下面的宋词，完成
怎样开淘宝网？
日语促音小写的つ应该怎么发音？
网上征婚可信吗？怎么征啊？听说需要申请什么号了
地下成觉醒的所有任务都哪些说 下好吗
关于素颜不化妆的句子,形容女子素颜的诗句
考取ISO内审员资格证可以具体从事什么工作？
双向是什么意思,微博双un是什么意思？
正方形一边上任一点到这个正方形两条对角线的
阴历怎么看 ？
网站首页 | 关于我们 | 网站留言
联系永发信息网
Copyright © 2025 永发信息网 版权所有