菜鸟提问!我在网上找到一个很好的JS时钟,但是放在页面上我没办法让它居中,因为我想把它写在html并iframe连接它.

Nicholasqpl 2005-08-30 11:48:07
如题:
代码如下,帮偶改改吧!!
脚本说明：
第一步:把如下代码加入<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<head>区域中:
<SCRIPT language=javascript>
<!--
pX=400;pY=200
obs = new Array(13)
function ob () {
for (i=0; i<13; i++) {
if (document.all) obs[i]=new Array (eval('ob'+i).style,-100,-100)
else obs[i] = new Array (eval('document.ob'+i),-100,-100)
}
}
function cl(a,b,c){
if (document.all) {
if (a!=0) b+=-1
eval('c'+a+'.style.pixelTop='+(pY+(c)))
eval('c'+a+'.style.pixelLeft='+(pX+(b)))
}
else{
if (a!=0) b+=10
eval('document.c'+a+'.top='+(pY+(c)))
eval('document.c'+a+'.left='+(pX+(b)))
}
if (document.all) c0.style.pixelLeft=26
}

function runClock() {
for (i=0; i<13; i++) {
obs[i][0].left=obs[i][1]+pX
obs[i][0].top=obs[i][2]+pY
}
}

var lastsec
function timer() {
time = new Date ()
sec = time.getSeconds()
if (sec!=lastsec) {

lastsec = sec
sec=Math.PI*sec/30
min=Math.PI*time.getMinutes()/30
hr =Math.PI*((time.getHours()*60)+time.getMinutes())/360
for (i=1;i<6;i++) {
obs[i][1] = Math.sin(sec) * (44 - (i-1)*11)-16;
if (document.layers)obs[i][1]+=10;
obs[i][2] = -Math.cos(sec) * (44 - (i-1)*11)-27;
}
for (i=6;i<10;i++) {
obs[i][1] = Math.sin(min) * (40 - (i-6)*10)-16;
if (document.layers)obs[i][1]+=10;
obs[i][2] = -Math.cos(min) * (40 - (i-6)*10)-27;
}
for (i=10;i<13;i++) {
obs[i][1] = Math.sin(hr) * (37 - (i-10)*11)-16;
if (document.layers)obs[i][1]+=10;
obs[i][2] = -Math.cos(hr) * (37 - (i-10)*11)-27;
}
}

}
function setNum(){

cl (0,-67,-65);
cl (1,10,-51);
cl (2,28,-33);
cl (3,35,-8);
cl (4,28,17);
cl (5,10,35);
cl (6,-15,42);
cl (7,-40,35);
cl (8,-58,17);
cl (9,-65,-8);
cl (10,-58,-33);
cl (11,-40,-51);
cl (12,-16,-56);

}

//-->


</SCRIPT>


第二步:把<body>中加入如下代码：
<div id="c0" style="position:absolute;right:6;top:6; z-index:2;">
</div>
<div id="c1" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>1</b></div>
<div id="c2" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>2</b></div>
<div id="c3" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>3</b></div>
<div id="c4" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>4</b></div>
<div id="c5" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>5</b></div>
<div id="c6" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>6</b></div>
<div id="c7" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>7</b></div>
<div id="c8" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>8</b></div>
<div id="c9" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>9</b></div>
<div id="c10" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>10</b></div>
<div id="c11" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>11</b></div>
<div id="c12" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>12</b></div>
<div id="ob0" style="position:absolute;left:-20;top:-20;z-index:1"> </div>
<div id="ob1" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000FF"><b>.</b></font></div>
<div id="ob2" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000FF"><b>.</b></font></div>
<div id="ob3" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000FF"><b>.</b></font></div>
<div id="ob4" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000FF"><b>.</b></font></div>
<div id="ob5" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000FF"><b>.</b></font></div>
<div id="ob6" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00FFFF"><b>.</b></font></div>
<div id="ob7" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00FFFF"><b>.</b></font></div>
<div id="ob8" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00FFFF"><b>.</b></font></div>
<div id="ob9" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00FFFF"><b>.</b></font></div>
<div id="ob10" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" color="#F30000"><b>.</b></font></div>
<div id="ob11" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" color="#F30000"><b>.</b></font></div>
<div id="ob12" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" color="#F30000"><b>.</b></font></div>


第三步：把<body>中内容改为：
<body bgcolor="#fef4d9" onLoad="ob(),setNum(),setInterval('timer()',100);setInterval('runClock()',100)">
...全文
168 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
Nicholasqpl 2005-08-31
  • 打赏
  • 举报
 回复
高手到哪里去啦?
帮帮忙啦
cxz7531 2005-08-31
  • 打赏
  • 举报
 回复
用我做的这个吧
<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns="http://www.w3.org/TR/REC-html40">
<head>
<META http-equiv="Content-Type" content="text/html; Charset=UTF-8">
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<title>流程监控</title>
<STYLE>
v\:*{behavior:url(#default#VML);}
o\:* { behavior: url(#default#VML) }
</STYLE>
<script>
var cx=200;var cy=200;var banj=80;var dkd=16;var xkd=8;
var seclen=0.8;var minlen=0.6;var hourlen=0.5;
function init(){
div1.appendChild(document.createElement("<v:oval style='position:absolute;;left:"+(cx-banj)+";top:"+(cy-banj)+";width:"+(2.0*banj)+";height:"+(2.0*banj)+";' strokeweight='1' fillcolor='white'/>"));
for(var i=0;i<12;i++){
var ang=Math.PI/6.0;var px=banj*Math.cos(i*ang);var py=banj*Math.sin(i*ang);var sca=1.0-dkd/banj;
div1.appendChild(document.createElement("<v:line style='position:absolute;left:0;top:0;' from='"+(cx+px*sca)+","+(cy+py*sca)+"' to='"+(cx+px)+","+(cy+py)+"' strokecolor='blue' strokeweight='1'/>"));
}
for(var i=0;i<60;i++){
var ang=Math.PI/30.0;var px=banj*Math.cos(i*ang);var py=banj*Math.sin(i*ang);var sca=1.0-xkd/banj;
div1.appendChild(document.createElement("<v:line style='position:absolute;left:0;top:0;' from='"+(cx+px*sca)+","+(cy+py*sca)+"' to='"+(cx+px)+","+(cy+py)+"' strokecolor='blue' strokeweight='1'/>"));
}
div1.appendChild(document.createElement("<v:line id='hpoint' style='position:absolute;left:0;top:0;' from='"+cx+","+cy+"' to='"+cx+","+(cy-banj*hourlen)+"' strokecolor='blue' strokeweight='3'/>"));
div1.all.hpoint.innerHTML="<v:stroke EndArrow='Classic' />";
div1.appendChild(document.createElement("<v:line id='mpoint' style='position:absolute;left:0;top:0;' from='"+cx+","+cy+"' to='"+cx+","+(cy-banj*minlen)+"' strokecolor='blue' strokeweight='2'/>"));
div1.all.mpoint.innerHTML="<v:stroke EndArrow='Classic' />";
div1.appendChild(document.createElement("<v:line id='spoint' style='position:absolute;left:0;top:0;' from='"+cx+","+cy+"' to='"+cx+","+(cy-banj*seclen)+"' strokecolor='red' strokeweight='1'/>"));
div1.all.spoint.innerHTML="<v:stroke EndArrow='Classic' />";
showtime();
setInterval("showtime();",1000);
}
function showtime(){
var dt=new Date();
var h=dt.getHours() % 12;
var m=dt.getMinutes();
var s=dt.getSeconds();
var tot=h+m/60.0+s/3600.0;
var ang=-Math.PI/2.0+2.0*Math.PI*tot/12.0;
div1.all.hpoint.to=(cx+banj*hourlen*Math.cos(ang))+","+(cy+banj*hourlen*Math.sin(ang));
tot=m+s/60.0;
ang=-Math.PI/2.0+2.0*Math.PI*tot/60.0;
div1.all.mpoint.to=(cx+banj*minlen*Math.cos(ang))+","+(cy+banj*minlen*Math.sin(ang));
ang=-Math.PI/2.0+2.0*Math.PI*s/60.0;
div1.all.spoint.to=(cx+banj*seclen*Math.cos(ang))+","+(cy+banj*seclen*Math.sin(ang));
}

</script>
</head>

<body style='margin:1;cursor:default' vlink=#3732CD link='#3732CD' onload="init();">
<div style='width:100%;height:100%;background-color:white;border:0 solid gray;color:black;overflow:hidden' id="div1">
</div>
</body>
</html>
cxz7531 2005-08-31
  • 打赏
  • 举报
 回复
这个时钟还是不好，最好用VML来做，更加逼真
非线性流量的数据驱动Koopman模型预测控制研究（Matlab代码实现）
内容概要：本文围绕“非线性流量的数据驱动Koopman模型预测控制研究”展开，提出一种基于数据驱动的Koopman算子理论方法，用于构建非线性系统的线性化状态空间模型，并结合模型预测控制（MPC）实现对复杂非线性系统的高效控制。研究通过引入扩展动态模态分解（EDMD）等观测函数，将非线性动力学映射至高维特征空间，在该空间中实现近似线性化表征，进而融合线性MPC框架进行优化求解。全文系统阐述了Koopman算子的数学基础、隐式线性化机制及在非线性流量控制中的建模流程，并通过Matlab代码完成了算法实现与仿真实验，验证了该方法在处理无精确物理模型、强非线性、时变动态系统中的有效性与鲁棒性，尤其适用于工业流程控制、能源系统调度等实际工程场景。; 适合人群：具备自动控制理论、非线性系统分析基础，熟悉Matlab编程，从事控制工程、系统辨识、智能优化、能源系统建模等方向的研究生、科研人员及工程技术人员。; 使用场景及目标：①应用于难以建立精确数学模型的复杂非线性系统（如流体动力系统、电力电子系统、机器人动力学等）的建模与实时控制；②实现数据驱动下的模型预测控制，提升系统响应速度与控制精度；③为先进控制策略（如MPC）提供一种可行的线性化建模范式，推动现代控制理论与数据科学、机器学习的深度融合。; 阅读建议：建议读者结合提供的Matlab代码深入理解Koopman方法的具体实现过程，重点关注观测函数构造、核函数选择、矩阵逼近、降维处理及MPC控制器设计等关键技术环节，并尝试将其迁移至其他非线性系统中进行复现实验与性能对比，以全面掌握其适用范围与局限性。
光伏储能单相逆变器并网仿真模型（Simulink仿真实现）
内容概要：本文详细介绍了一种基于Simulink的光伏储能单相逆变器并网仿真模型，系统涵盖了光伏阵列、储能单元、DC-AC单相逆变器及并网接口的完整结构，重点实现了储能环节的能量管理与逆变器并网控制策略的建模仿真。通过Simulink平台构建系统模型，验证了逆变器输出电能质量、并网稳定性以及控制系统的动态响应性能，采用SPWM调制、PI闭环控制等关键技术，确保并网电流与电网电压同频同相，满足并网电能质量要求。该模型不仅可用于分布式能源系统的仿真研究，还可作为新能源并网技术的教学与工程实践工具。; 适合人群：电气工程、自动化、新能源科学与工程等相关专业的高校本科生、研究生、科研人员，以及从事光伏发电系统设计、储能控制与并网技术研发的工程技术人员。; 使用场景及目标：①深入理解光伏储能系统中能量转换、存储与并网控制的整体工作原理；②支持课程设计、毕业设计或科研项目中对单相逆变器控制策略（如SPWM、PI调节、锁相技术等）的仿真验证与参数优化；③为后续研究更复杂的控制算法（如MPPT、低电压穿越、谐波抑制等）提供可扩展的仿真基础平台。; 阅读建议：建议结合MATLAB/Simulink环境动手搭建与调试模型，逐步理解各模块（如光伏建模、储能充放电控制、逆变器驱动、锁相环、PI调节器等）的功能与交互关系，重点关注控制系统的设计逻辑与参数整定过程，并可通过修改负载条件或电网参数测试系统鲁棒性，为进一步拓展至三相系统或多机并网场景奠定基础。
java accesses https url to download files
代码转载自：https://pan.quark.cn/s/a4b39357ea24 Kubernetes Java Client bazel Client Capabilities Client Support Level Maven Central Sonatype Nexus (Snapshots) Java client for the kubernetes API. To start using Kubernetes Java Client See the wiki page and documentation here. Installation Client Versioning and Compatibility Code Examples Release Starting from (Kubernetes 1.28), has introduced non-backward-compatible changes. Optional parameters are now consolidated into a single object, and Java8 support has been removed. For Java8 users or those preferring the old SDK interface, a legacy SDK module version is available with a "-legacy" suffix, like . Development Development and Contributing Generate Java CRD Models Known Issues Troubleshoo...
立式液压驱动数控滚弯机机械系统设计.rar
立式液压驱动数控滚弯机机械系统设计.rar
易语言源码窗口置外形图片的应用-数码时钟
易语言源码窗口置外形图片的应用--数码时钟
JavaScript

87,991

社区成员

224,684

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章