如何将时间源代码插入到网页中?
<style type="text/css">
<!--.time{ font-family : Comic Sans Ms;
font-size : pt;font-weight : bold;color: #D;}-->
</style><style type="text/css"><!-- .time{
font-family : Comic Sans Ms;font-size : pt;
font-weight : bold;color: #D;}-->
</style>
<script Language="JavaScript">
var ctimer;
function init(){ <!--初始化-->
if (document.all){
<!--将第二个时间得左侧与第一个时间的时钟时钟暴涨源码指标左侧对齐-->
tim2.style.left=tim1.style.posLeft;
<!--第二个时间在第一个时间的下方-->
tim2.style.top=tim1.style.posTop+tim1.offsetHeight-6;
<!--调用settimes()函数-->
settimes();
}
}
function settimes(){
var time= new Date();<!--获取当前日期-->
hours= time.getHours();<!--获取当前时间-小时-->
mins= time.getMinutes();<!--获取当前时间-分钟-->
secs= time.getSeconds();<!--获取当前时间-秒-->
if (hours<)<!--如果小时仅有一位,在前面补零-->
hours="0"+hours;
if(mins<)<!--如果分钟仅有一位,源码伯乐源码w在线在前面补零-->
mins="0"+mins;
if (secs<)<!--如果秒仅有一位,代码会员介绍页面源码在前面补零-->
secs="0"+secs;
<!--设置tim1和tim2的安卓安卓鲁阿鲁源码格式-->
tim1.innerHTML=hours+":"+mins+":"+secs
tim2.innerHTML=hours+":"+mins+":"+secs
<!--每0.秒更新一次时间-->
ctimer=setTimeout('settimes()',);
}
</script>
<body onLoad="init()">
<div Id="tim1" Style="position:absolute; width:; height:; top:; left:"
class="time"></div><div Id="tim2"
Style="position:absolute; filter:flipv() alpha(opacity=); font-style:italic"
class="time">
<p> </p>
</div>
</body>
<!--本例程实现了具有倒影的时间-->
<!--两个时钟的时间是同步的-->
<!--具有倒影的效果采用了flipv()和alpha()滤镜组合来实现-->
求在HTML页上显示动态标准时间代码
<html>
<title></title>
<head>
<script language="JavaScript">
var timerID=null;
var timerRunning=false;
file://启动
function startclock()
{
stopclock();
time();
}
file://停止
function stopclock()
{
if(timerRunning)
clearTimeout(timerID);
timerRunning=false;
}
file://实现模块
function time()
{
file://使用new操作符创建时间对象
var now=new Date();
var yr=now.getYear();
var mName=now.getMonth()+1;
var dayNr=((now.getDate()<)?"0":"")+now.getDate();
var dName=now.getDay()+1;
var ampm=(now.getHours()>=)?"下午":"上午"
var hours=now.getHours();
hours=((hours>)?hours-:hours);
var minutes=((now.getMinutes()<)?":0":":")+now.getMinutes();
var seconds=((now.getSeconds()<)?":0":":")+now.getSeconds();
file://判断今天是星期几
if(dName==1)Day="Sunday";
if(dName==1)Day="Monday";
if(dName==3)Day="Tuesday";
if(dName==4)Day="Wednesday";
if(dName==5)Day="Thursday";
if(dName==6)Day="Friday";
if(dName==7)Day="Saturday";
file://判断月份
if(mName==1)Month="Janauary";
if(mName==2)Month="February";
if(mName==3)Month="March";
if(mName==4)Month="April";
if(mName==5)Month="May";
if(mName==6)Month="June";
if(mName==7)Month="July";
if(mName==8)Month="August";
if(mName==9)Month="September";
if(mName=)Month="October";
if(mName=)Month="November";
if(mName=)Month="December";
var DayOfWeek=(""+Day+"");
var MonthDayYear=(""+Month+","+dayNr+","+yr+"");
document.forms[0].elements[0].value=MonthDayYear;
var TimeValue=(""+hours+minutes+seconds+""+ampm);
document.forms[0].elements[1].value=TimeValue;
timerID=setTimeout("time()",);
timerRunning=true;
}
</script>
</head>
<body onLoad="startclock()">
<form>
<br>
<table border=0 widtn=>
<tr>
<TD align="center"><input type="button" title="停止" onclick="stopclock()">
<TD align="center"><input type="button" title="继续" onclick="startclock()">
</tr>
</table>
</form>
</html>
代码二
<script>
//定义时钟显示的函数
function displayTime()
{
var today = new Date(); // 定义日期对象
var hours = today.getHours();
var minutes = today.getMinutes();
var seconds = today.getSeconds();
// 从日期对象中中获得时间信息
minutes = fixTime(minutes);
seconds = fixTime(seconds); // 引入fixTime()函数,使分和秒可以正常显示,时钟时钟智慧养老系统 源码对于小于的源码数字则在该数字前加一个0
//将时间字符串组合在一起并写出
var the_time = hours + ":" + minutes + ":" + seconds;
window.document.the_form.the_text.value = the_time; //把表格的值重新写一遍,相当于刷新时间
the_timeout= setTimeout('displayTime();',代码); //每半秒钟执行一次该函数,即毫秒
}
function fixTime(the_time)
{
if (the_time <)
{
the_time = "0" + the_time;
}
return the_time;
}
</script>
附 一个更酷的时钟原代码
<html>
<body bgcolor=#3A6EA5>
<p><b>用JavaScript编程实现钟表特效</b></p>
请用查看源代码方式阅读所有程序代码。
<script language="JavaScript">
<!--
dCol='#ff';
fCol='#e';
sCol='ff';
mCol='ff';
hCol='ffff';
ClockHeight=;
ClockWidth=;
ClockFromMouseY=0;
ClockFromMouseX=;
d=new Array("星期日",安卓安卓"星期一","星期二","星期三","星期四","星期五","星期六");
m=new Array("一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < ) year=year+;
TodaysDate="年 "+m[date.getMonth()]+day+"日 "+d[date.getDay()]+" "+year;
D=TodaysDate.split('');
H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
Face='1 2 3 4 5 6 7 8 9 ';
font='Arial';
size=1;
speed=0.9;
ns=(document.layers);
ie=(document.all);
Face=Face.split(' ');
n=Face.length;
a=size*;
ymouse=0;
xmouse=0;
scrll=0;
props="<font face="+font+" size="+size+" color="+fCol+">";
props2="<font face="+font+" size="+size+" color="+dCol+">";
Split=/n;
Dsplit=/D.length;
HandHeight=ClockHeight/4.5
HandWidth=ClockWidth/4.5
HandY=-7;
HandX=-2.5;
scrll=0;
step=0.;
currStep=0;
y=new Array();x=new Array();Y=new Array();X=new Array();
for (i=0; i < n; i++){ y[i]=0;x[i]=0;Y[i]=0;X[i]=0}
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (i=0; i < D.length; i++){ Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}
if (ns){
for (i=0; i < D.length; i++)
document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');
for (i=0; i < n; i++)
document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');
for (i=0; i < S.length; i++)
document.write('<layer name=nsSeconds'+i+' top=0 left=0 width= height=><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');
for (i=0; i < M.length; i++)
document.write('<layer name=nsMinutes'+i+' top=0 left=0 width= height=><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');
for (i=0; i < H.length; i++)
document.write('<layer name=nsHours'+i+' top=0 left=0 width= height=><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');
}
if (ie) {
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < D.length; i++)
document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</font></div>');
document.write('</div></div>');
document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</font></div>');
document.write('</div></div>');
document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < H.length; i++)
document.write('<div id="ieHours" style="position:absolute;width:px;height:px;font-family:Arial;font-size:px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');
document.write('</div></div>');
document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < M.length; i++)
document.write('<div id="ieMinutes" style="position:absolute;width:px;height:px;font-family:Arial;font-size:px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');
document.write('</div></div>')
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < S.length; i++)
document.write('<div id="ieSeconds" style="position:absolute;width:px;height:px;font-family:Arial;font-size:px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');
document.write('</div></div>')
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
function ClockAndAssign(){
time = new Date ();
secs = time.getSeconds();
sec = -1. + Math.PI * secs/;
mins = time.getMinutes();
min = -1. + Math.PI * mins/;
hr = time.getHours();
hrs = -1. + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/;
if (ie){
Od.style.top=window.document.body.scrollTop;
Of.style.top=window.document.body.scrollTop;
Oh.style.top=window.document.body.scrollTop;
Om.style.top=window.document.body.scrollTop;
Os.style.top=window.document.body.scrollTop;
}
for (i=0; i < n; i++){
var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;
F.top=y[i] + ClockHeight*Math.sin(-1. + i*Split*Math.PI/)+scrll;
F.left=x[i] + ClockWidth*Math.cos(-1. + i*Split*Math.PI/);
}
for (i=0; i < H.length; i++){
var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;
HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
}
for (i=0; i < M.length; i++){
var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;
ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);
}
for (i=0; i < S.length; i++){
var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;
SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);
}
for (i=0; i < D.length; i++){
var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;
DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/)+scrll;
DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/);
}
currStep-=step;
}
function Delay(){
scrll=(ns)?window.pageYOffset:0;
Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);
for (i=1; i < D.length; i++){
Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);
Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);
}
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
ClockAndAssign();
setTimeout('Delay()',);
}
if (ns||ie)window.onload=Delay;
//-->
</script>
</body>
</html>
求助,把时钟特效插入下面这串代码中
把下面的时钟时钟这个放在你上面的程序 <body>时钟代码放这里面</body>你还少了一个</html>
<!-- cool clock -->
<SCRIPT language=JavaScript>dCol='';//date colour.
fCol='';//face colour.
sCol='FF';//seconds colour.
mCol='';//minutes colour.
hCol='';//hours colour.
ClockHeight=;
ClockWidth=;
ClockFromMouseY=0;
ClockFromMouseX=;
//Alter nothing below! Alignments will be lost!
d=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY");
m=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < ) year=year+;
TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
D=TodaysDate.split('');
H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
Face='1 2 3 4 5 6 7 8 9 ';
//font='Arial';
font='Verdana';
size=1;
speed=0.6;
ns=(document.layers);
ie=(document.all);
Face=Face.split(' ');
n=Face.length;
a=size*;
ymouse=0;
xmouse=0;
scrll=0;
props="<font face="+font+" size="+size+" color="+fCol+"><B>";
props2="<font face="+font+" size="+size+" color="+dCol+"><B>";
Split=/n;
Dsplit=/D.length;
HandHeight=ClockHeight/4.5
HandWidth=ClockWidth/4.5
HandY=-7;
HandX=-2.5;
scrll=0;
step=0.;
currStep=0;
y=new Array();x=new Array();Y=new Array();X=new Array();
for (i=0; i < n; i++){ y[i]=0;x[i]=0;Y[i]=0;X[i]=0}
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (i=0; i < D.length; i++){ Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}
if (ns){
for (i=0; i < D.length; i++)
document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');
for (i=0; i < n; i++)
document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');
for (i=0; i < S.length; i++)
document.write('<layer name=nsSeconds'+i+' top=0 left=0 width= height=><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');
for (i=0; i < M.length; i++)
document.write('<layer name=nsMinutes'+i+' top=0 left=0 width= height=><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');
for (i=0; i < H.length; i++)
document.write('<layer name=nsHours'+i+' top=0 left=0 width= height=><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');
}
if (ie){
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < D.length; i++)
document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < H.length; i++)
document.write('<div id="ieHours" style="position:absolute;width:px;height:px;font-family:Arial;font-size:px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');
document.write('</div></div>');
document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < M.length; i++)
document.write('<div id="ieMinutes" style="position:absolute;width:px;height:px;font-family:Arial;font-size:px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');
document.write('</div></div>')
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < S.length; i++)
document.write('<div id="ieSeconds" style="position:absolute;width:px;height:px;font-family:Arial;font-size:px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');
document.write('</div></div>')
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
function ClockAndAssign(){
time = new Date ();
secs = time.getSeconds();
sec = -1. + Math.PI * secs/;
mins = time.getMinutes();
min = -1. + Math.PI * mins/;
hr = time.getHours();
hrs = -1. + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/;
if (ie){
Od.style.top=window.document.body.scrollTop;
Of.style.top=window.document.body.scrollTop;
Oh.style.top=window.document.body.scrollTop;
Om.style.top=window.document.body.scrollTop;
Os.style.top=window.document.body.scrollTop;
}
for (i=0; i < n; i++){
var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;
F.top=y[i] + ClockHeight*Math.sin(-1. + i*Split*Math.PI/)+scrll;
F.left=x[i] + ClockWidth*Math.cos(-1. + i*Split*Math.PI/);
}
for (i=0; i < H.length; i++){
var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;
HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
}
for (i=0; i < M.length; i++){
var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;
ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);
}
for (i=0; i < S.length; i++){
var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;
SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);
}
for (i=0; i < D.length; i++){
var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;
DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/)+scrll;
DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/);
}
currStep-=step;
}
function Delay(){
scrll=(ns)?window.pageYOffset:0;
Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);
for (i=1; i < D.length; i++){
Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);
Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);
}
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
ClockAndAssign();
setTimeout('Delay()',);
}
if (ns||ie)window.onload=Delay;
</SCRIPT>
2024-11-14 23:55
2024-11-14 23:51
2024-11-14 23:31
2024-11-14 23:09
2024-11-14 22:50