-
大家好!今天让小编来大家介绍下关于动态时间罗盘html源码(罗盘时钟html)的问题,以下是小编对此问题的归纳整理,让我们一起来看看吧。
文章目录列表:
一、HTML的动态时间如何做…
title 时间 /title script language= javascript //setTimeout( self.location.reload(); ,1000);window.setInterval( showTime() ,1000)function showTime(){var enabled = 0; today = new Date();var day; var date;if(today.getDay()==0) day = 星期日 if(today.getDay()==1) day = 星期一 if(today.getDay()==2) day = 星期二 if(today.getDay()==3) day = 星期三 if(today.getDay()==4) day = 星期四 if(today.getDay()==5) day = 星期五 if(today.getDay()==6) day = 星期六 date = (today.getYear()) + 年 + (today.getMonth() + 1 ) + 月 + today.getDate() + 日 + day+today.getHours()+ : +today.getMinutes()+ : +today.getSeconds();document.getElementById( time ).innerHTML=date;} /script body onl oad= showTime() div id= time /div /body /html 把上边的代码保存成html网页,然后打开就可以了!
title 时间 /title scriptlanguage= javascript //setTimeout( self.location.reload(); ,1000);window.setInterval( showTime() ,1000)functionshowTime(){varenabled=0;today=newDate();varday;vardate;if(today.getDay()==0)day= 星期日 if(today.getDay()==1)day= 星期一 if(today.getDay()==2)day= 星期二 if(today.getDay()==3)day= 星期三 if(today.getDay()==4)day= 星期四 if(today.getDay()==5)day= 星期五 if(today.getDay()==6)day= 星期六 date=(today.getYear())+ 年 +(today.getMonth()+1)+ 月 +today.getDate()+ 日 +day+today.getHours()+ : +today.getMinutes()+ : +today.getSeconds();document.getElementById( time ).innerHTML=date;} /script bodyonload= showTime() divid= time /div /body /html 把上边的代码保存成html网页,然后打开就可以了!二、HTML的动态时间如何做…
推荐于 html xmlns= title 时间 /title script language= javascript //setTimeout( self.location.reload(); ,1000);window.setInterval( showTime() ,1000)function showTime(){var enabled = 0; today = new Date();var day; var date;if(today.getDay()==0) day = 星期日 if(today.getDay()==1) day = 星期一 if(today.getDay()==2) day = 星期二 if(today.getDay()==3) day = 星期三 if(today.getDay()==4) day = 星期四 if(today.getDay()==5) day = 星期五 if(today.getDay()==6) day = 星期六 date = (today.getYear()) + 年 + (today.getMonth() + 1 ) + 月 + today.getDate() + 日 + day+today.getHours()+ : +today.getMinutes()+ : +today.getSeconds();document.getElementById( time ).innerHTML=date;} /script body onl oad= showTime() div id= time /div /body /html 把上边的代码保存成html网页,然后打开就可以了!三、求在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() 10)? 0 : )+now.getDate(); var dName=now.getDay()+1; var ampm=(now.getHours() =12)? 下午 : 上午 var hours=now.getHours(); hours=((hours 12)?hours-12:hours); var minutes=((now.getMinutes() 10)? :0 : : )+now.getMinutes(); var seconds=((now.getSeconds() 10)? :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=10)Month= October if(mName=11)Month= November if(mName=12)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() ,1000); timerRunning=true; } /script /head body onl oad= startclock() form br table border=0 widtn=400 tr TD align= center input type= button title= 停止 quot;stopclock() TD align= center input type= button title= 继续 quot;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()函数,使分和秒可以正常显示,对于小于10的数字则在该数字前加一个0 //将时间字符串组合在一起并写出 var the_time = hours + : + minutes + : + seconds; window.document.the_form.the_text.value = the_time; //把表格的值重新写一遍,相当于刷新时间 the_timeout= setTimeout( displayTime(); ,500); //每半秒钟执行一次该函数,即500毫秒 } function fixTime(the_time) { if (the_time 10) { the_time = 0 + the_time; } return the_time; } /script 附 一个更酷的时钟原代码 html body bgcolor=#3A6EA5 p b 用JavaScript编程实现钟表特效 /b /p 请用查看源代码方式阅读所有程序代码。 script language= JavaScript !-- dCol= #22ff fCol= #e09000 sCol= 00ff00 mCol= ff0000 hCol= ffff00 ClockHeight=40; ClockWidth=40; ClockFromMouseY=0; ClockFromMouseX=100; d=new Array( 星期日 , 星期一 , 星期二 , 星期三 , 星期四 , 星期五 , 星期六 m=new Array( 一月 , 二月 , 三月 , 四月 , 五月 , 六月 , 七月 , 八月 , 九月 , 十月 , 十一月 , 十二月 date=new Date(); day=date.getDate(); year=date.getYear(); if (year 2000) year=year+1900; 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 10 11 12 font= Arial size=1; speed=0.9; ns=(document.layers); ie=(document.all); Face=Face.split( n=Face.length; a=size*10; ymouse=0; xmouse=0; scrll=0; props= font face= +font+ size= +size+ color= +fCol+ props2= font face= +font+ size= +size+ color= +dCol+ Split=360/n; Dsplit=360/D.length; HandHeight=ClockHeight/4.5 HandWidth=ClockWidth/4.5 HandY=-7; HandX=-2.5; scrll=0; step=0.06; currStep=0; y=new Array();x=new Array();Y=new Array();X=new Array(); for (i=0; i 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 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=15 height=15 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=15 height=15 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=15 height=15 font face=Arial size=3 color= +hCol+ center b +H[i]+ /b /center /font /layer } if (ie) { document.write( div id= Od >for (i=0; i D.length; i++) document.write( div id= ieDate >document.write( /div /div document.write( div id= Of >for (i=0; i i++) document.write( div id= ieFace >document.write( /div /div document.write( div id= Oh >for (i=0; i H.length; i++) document.write( div id= ieHours >document.write( /div /div document.write( div id= Om >for (i=0; i M.length; i++) document.write( div id= ieMinutes >document.write( /div /div ) document.write( div id= Os >for (i=0; i S.length; i++) document.write( div id= ieSeconds >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.57 + Math.PI * secs/30; mins = time.getMinutes(); min = -1.57 + Math.PI * mins/30; hr = time.getHours(); hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360; 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 i++){ var F=(ns)?document.layers[ nsFace +i]:ieFace[i].style; F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll; F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180); } 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/180)+scrll; DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180); } 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 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() ,50); } if (ns||ie)window.onload=Delay; //-- /script /body /html四、电脑桌面罗盘时钟源代码怎么写
import java.awt.*;导入Java.awt.event.*;import javax.swing.*;import java.lang.*;import java.util.*;publicclassrunabletestextendsjframeimplementsrunnable {JPanel pnlMain; //定义变量Jlabel Lbl时间; //定义变量thread thd时间; //定义变量日期数据显示以上就是小编对于动态时间罗盘html源码(罗盘时钟html)问题和相关问题的解答了,动态时间罗盘html源码(罗盘时钟html)的问题希望对你有用!
版权声明:
作者:
链接:https://www.obaidu.net/articles/168562.html
来源:吉翔网
文章版权归作者所有,未经允许请勿转载。
tag标签: 属什么 今年几岁 今年多大 的人 生肖 黄道吉日 运势 自己的 吉日 今日 品牌 属相 油价 农历 感情 财运 婚姻 是不是好日子 是黄道吉日吗 今天日子怎么样 结婚吉日 之人 2022运势 订婚 [db:tags] 都是 事业 五行 开业 2022运势网 属狗 虎年 两人 几个 性格 十大 前十 牌子 相配 属马 适合 属鸡 二人 星座 会有
- 上一篇
日柱日元(日柱日元女命) - 下一篇
返回列表
更多推荐文章阅读: