CINXE.COM

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh_tw" lang="zh_tw"><head><title>在自己的網站上放置免費、可隨心所欲調整樣式的時間小工具 - Time.is</title><meta North> <link rel="preconnect" href="https://a.pub.network/" crossorigin><link rel="preconnect" href="https://b.pub.network/" crossorigin><link rel="preconnect" href="https://c.pub.network/" crossorigin><link rel="preconnect" href="https://d.pub.network/" crossorigin><link rel="preconnect" href="https://c.amazon-adsystem.com" crossorigin><link rel="preconnect" href="https://s.amazon-adsystem.com" crossorigin><link rel="preconnect" href="https://btloader.com/" crossorigin><link rel="preconnect" href="https://api.btloader.com/" crossorigin><link rel="preconnect" href="https://cdn.confiant-integrations.net" crossorigin /><script data-cfasync="false"> AdP='FS'; var freestar=freestar||{}; freestar.queue=freestar.queue||[]; freestar.config = freestar.config||{}; freestar.config.enabled_slots=[]; freestar.initCallback=function(){(freestar.config.enabled_slots.length===0)?freestar.initCallbackCalled=false:freestar.newAdSlots(freestar.config.enabled_slots)} window.freestar.queue.push(function(){window.freestar.newVideo("FreeStarVideoAdContainer_Slider");}); </script> <script src="https://a.pub.network/timeis/pubfig.min.js" data-cfasync="false" async></script> <script> ee4="B" </script><script src="/js/7/jquery.ad.js"></script><script> var updint=1000,U="undefined",N=null,E=true,F=!E,O="object",S="string",D=document,A=0,fc={a:0},bfc=1,uT="Time.is ",sT,tD,pY=lY=10,cY=syncn=rsy=0,ztrans=0,newzo=0,ss={"0406":"↑ 07:02 ↓ 19:12 (12小時 10分)","0407":"↑ 07:02 ↓ 19:12 (12小時 10分)"},destT=0,yrp="",csup=1,czo=0,rqT=0,syncT=0,syncquota=10,earliest_syncT=0,xR=1,syncm='',syncdt='',adH=110,mZ=64,ltr=1,ticks=0 function _tD(M){sT=M;tD=new Date().getTime()-M-Math.round(lY/2);cY=lY-pY;if(cY<10)cY=10} _tD(1743871570505) function gob(e){if(typeof e==O)return e;if(D.getElementById)return D.getElementById(e);return eval(e)} function bluritem(e){e=gob(e);e.className=e.className.replace('focused','blr');bfc=1} function focusitem(e){bfc=0;e=gob(e);e.className=e.className.replace('blr','focused');e.className=e.className.replace('submitted','focused')} function mouseover(e){e.className=e.className.replace('mout','hovered')} function mouseout(e){e.className=e.className.replace('hovered','mout')} function setfocus(g){if(typeof fc[g]==U)fc[g]=1;else fc[g]++ if(fc['a']!=0&&fc['a']!=g)losefocus(fc['a']) fc['a']=g;gob(g).className=gob(g).className.replace('hide','show');bfc=0} function losefocus(g){if(fc['a']!=g)fc[g]=0;else{fc[g]--;if(fc[g]<1){fc['a']=0;fc[g]=0;gob(g).className=gob(g).className.replace('show','hide');bfc=1}}} function changeclass(i,x,y){var o=gob(i);if(o)o.className=(o.className.replace(x,'')+' '+y).replace(/ +/,' ')} dmode=0 function setcookie(n,v){var x=new Date();x.setDate(x.getDate()+365);D.cookie=n+'='+encodeURIComponent(v)+';expires='+x.toGMTString()+';path=/' if(D.cookie.length<1)csup=0} function httpSync(){ nextSyncT=0 array_name='main' xR=N gob('syncH').innerHTML=p_syncing;gob('syncDtl').innerHTML=' ';gob('msgs').className=gob('msgs').className.replace('hdn','vsbl') if(window.XMLHttpRequest)xR=new XMLHttpRequest() else if(window.ActiveXObject)xR=new ActiveXObject("Microsoft.XMLHTTP") if(xR!=N){ rqT=new Date() czo=-rqT.getTimezoneOffset() xR.onreadystatechange=s_C if(typeof ee4==U)ee4='N' xR.open('get','/t1/?'+l+'.'+syncn+'.'+lY+'.'+tD+'.'+rsy+'P.'+czo+'.'+locs[array_name][conf['h']][1]+'.'+rqT.getTime()+'.'+sT+'.'+yrp+'.'+ee4,E) xR.send(N) yrp='' }else xR='N/A' } var Y=['',''] function s_C(){ var o,dots='...',sym=Y[0],syd=Y[1] if(xR.readyState==4){ if(xR.status==200){ var rpT=new Date(),n=rpT-rqT,r=xR.responseText.split("\n") sT=r[1] var prevST=syncT syncT=new Date() syncT.setTime(syncT.getTime()-tD) if(syncn===0||rsy||n<lY){if(r[0].length==13)r.unshift('ok');if(r.length<7||r[0]!=='ok'){ if(r[0].substr(0,6)=='error:')p_failm=r[0].substr(6) else gob('msgs').className='w90 pulldowncv nonet' hideTO=setTimeout('sync_cleanup(0)',4000) }else{p_failm=p_fail if(rsy&&(syncT-prevST<60000)){syncquota-- if(syncquota<0)earliest_syncT=new Date(syncT.getTime()+120000) }else if(earliest_syncT==0)syncquota=10 } rsy=0 lY=n _tD(r[1]) Y=T_I.initClock() sym=Y[0] syd=Y[1] } nextSyncT=new Date() nextSyncT.setTime(nextSyncT.getTime()-tD+3600000) if(49<cY&&syncn<1){for(var i=0;i<syncn;i++)dots+='.' sym=p_syncing+dots syd='' syncn++ httpSync()} else{o=gob('front_loc');if(o)o.style.visibility='visible' ;o=gob('socbuttons');if(o)o.style.visibility='inherit' } if(syd=='')syd=' ' for(i=5;i<r.length-1;i++)spdays[r[i].substr(0,4)]=r[i].substr(4,r[i].length) if(zone_id!=='UTC'){// zone_offset=r[2];zone_id=r[3] } }else{sym=p_conn_failed syd=xR.statusText if(syd!='')syd=' ('+syd+')' if(!A){if(xR.statusText!="")sym+=syd syd='<a href="javascript:T_I.check_again()">'+p_try_again+'</a>' nextSyncT=new Date() nextSyncT.setTime(nextSyncT.getTime()-tD+360000) } } gob('syncH').innerHTML=sym gob('syncDtl').innerHTML=syd var ac=gob('accuracy') if(ac)ac.innerHTML=syd setmsgH(0) }} function sg(q,sd){ T_I.set_susdiv(sd);o=gob(sd) if((N!==q.match(/^地點\d+ $選擇$$/))||q=='請輸入地點'||q=='自動')return '' q=q.replace(/ +$/,'').replace(/^ +/, '') if(q.length<4)q=q.toLowerCase() var n=sd.replace('susdiv','') if((typeof complocurls!=U)&&(typeof complocurls[n]!=U)&&(complocurls[n][0]==q))return '' if(typeof prevq[sd]!==U&&q==prevq[sd]||q==e_loc){o.className=o.className.replace('hide','show') return ''} if(q.length<1){o.innerHTML='';chosen_sus[sd]=0;prevq[sd]=q;current_q[sd]=q;return ''} prevq[sd]=q if(sus[q]){T_I.populate_sus(sd,q,1);return ''} var xh=N,xhp=[] if(window.XMLHttpRequest)xh=new XMLHttpRequest() else if(window.ActiveXObject)xh=new ActiveXObject('Microsoft.XMLHTTP') if(xh!=N){rqT=new Date() xh.onreadystatechange=function(){if(xh.readyState==4)if(xh.status==200){ var xr=xh.responseText.split("\n"),st=xr.shift(),q1=xr.shift() for(var i in xr){ if(i==='indexOf')break xr[i]=xr[i].split(' ') } sus[q1]=xr if(typeof prevsustime[xhp['sd']]==U||prevsustime[xhp['sd']]<xhp['t']){prevsustime[xhp['sd']]=xhp['t'];T_I.populate_sus(xhp['sd'],xhp['q'],1)}}} xhp['sd']=sd xhp['t']=new Date() if(q=='.')q='.a' if(q=='..')q='.,' xhp['q']=q xh.open("get",'/s/'+l+'/'+q.length+'/'+encodeURIComponent(q.replace(/ /g,'_'))+'?'+xhp['t'].getTime(),E) xh.send(N) }else xh='N/A' } function arrows(sd,e){var k=e.which||e.keyCode if(k==40||k==38)T_I.cycle_sus(sd,k-39) else if(k==9||k==13)T_I.take_chosen(sd,k) else return E return F} function togglesimple(x){var g='',c=bod.className if(x!==0&&c.indexOf('simplify')!=-1){dmode=0;bod.className=c.replace('simplify','showall');x=1} else if(x!==1&&c.indexOf('showall')!=-1){dmode=1;bod.className=c.replace('showall','simplify');x=0;g='none'}else x='' if(x!==''){var gp=gob("___plusone_0");if(gp!=N)gp.style.display=g setsizes(1);T_I.tick('',0)}}var kacs={f:"js:t_FS()",'.':"js:t_s()",sO:"/customize",sS:"js:tl_a()",sC:"/calendar",sD:"js:setcol((conf['c']*1+1)%2)",sJ:"/clock",sM:"js:toggle_menu(2)",sT:"/compare","-":"/countdown",sU:"/UTC",sZ:"js:change_clock_size()","$":"https://currency.world","?":"/howto"} handle_keys=function(ev){if(!bfc)return E var i,u,e=ev||event,q,k=e.which||e.keyCode,s=e.shiftKey?'s':'' if(e.altKey||e.metaKey||e.ctrlKey)return E q=String.fromCharCode(k) if(q.toUpperCase()!==q.toLowerCase())q=s+q if(typeof kacs[q]===S){u=kacs[q] if(u.substr(0,3)=="js:")eval(u.substr(3)) else{if(u.substr(0,4)=="http")open(u,"_blank") else location=u}return F} if(k===47||(96<k&&k<123)||(64<k&&k<91)){toggle_menu(0);t_search(1);if(k===47)return F} i=locs.favs.length-k+48;if((48<k&&k<58)&&U!==typeof locs.favs[i]){location='/'+locs.favs[i][4];return F} return E} handle_arrow_keys=function(ev){ if(fc["a"]==1)return E var e=ev||event,k=e.which||e.keyCode,s=e.shiftKey?'s':'' if(e.altKey||e.metaKey||e.ctrlKey)return E if(k==27){toggle_menu(0);if(!t_search(0)){togglesimple(1);pstart=[];chosendayid=F;goto_this_year()}return F} if(k==36){if(window.scrollY!==0)return E;location='/';return F} if(bfc&&36<k&&k<41&&typeof kacs[s+k]===S){ var u=kacs[s+k] if(u.substr(0,3)=="js:")eval(u.substr(3)) else location=u return F } return E } function toggle_more(){ var t=gob('top'),cn='less' if(t.className=='less')cn='more' t.className=cn set_mw() } D.onkeypress=this.handle_keys D.onkeydown=this.handle_arrow_keys </script> <meta name="description" content="在自己的網站上放置免費、可隨心所欲調整樣式的時間小工具"><meta property="og:image" content="https://time.is/img/shareable/time_is_110011.png"><meta property="og:image" content="https://time.is/img/shareable/time_is_110011_dark.png"><meta property="og:image" content="https://time.is/img/shareable/time_is_with_milliseconds_110742.png"><meta property="og:image" content="https://time.is/img/shareable/time_is_with_milliseconds_110742_dark.png"><meta name="viewport" content="user-scalable=0, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"> <link rel="image_src" href="/img/shareable/time_is_110011.png"><link rel="icon" type="image/x-icon" href="/favicon.ico"> <link rel="apple-touch-icon" href="/img/apple-touch-icon_2021-11-20.png"> <style> *{margin:0;padding:0;border:0;outline:0} div,h1,h2,h3,label,time{clear:both} div,img,form{float:left} #clock{float:left} body{background:#fff} span a,.nw,#clock{white-space:nowrap} body,select,input,textarea{font:18px/26px 'Times New Roman',Times,FreeSerif,serif;color:#333;letter-spacing:2px} #nav h3{letter-spacing:1px} @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; font-display: swap; src: local('Montserrat Black'), local('Montserrat-Black'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_epG3gfD_u50.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; font-display: swap; src: local('Montserrat Black'), local('Montserrat-Black'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_epG3gnD_g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face{font-family:'TimeTraveler';font-style:normal;font-weight:400;src:url('/fonts/TimeTravelerPal-Normal-Regular.ttf') format('truetype')} .mt #clock{font-family:'TimeTraveler',Arial,sans-serif} #clock{font-size:100px;line-height:normal;position:relative;font-weight:bold} #clock span{display:inline-block;text-align:center} #clock0_bg{margin:40px 0} div.lg a:link,div.lg a:visited{text-transform:uppercase;font-weight:600;font-size:16px;padding:20px 30px;letter-spacing:3px} blockquote{font-weight:900} #favs li .time span{display:inline-block;text-align:center;width:13px} @media only screen and (max-width:639px){.mon{width:10px}} @media only screen and (max-width:1024px){#clock0_bg{margin:30px 0}} @media only screen and (max-width:768px){#clock0_bg{margin:20px 0}} @media only screen and (max-width:400px){div.lg a:link,div.lg a:visited{font-size:14px;padding:15px 20px;letter-spacing:2px}}.divider{color:#ccc} .lsp{float:right;color:#333} .lsp ul{list-style:none;text-align:right} a:link,a:visited{color:#333;text-decoration:none;border-bottom:1px solid #ccc} h1,h2,.clockdate,.clockplace{font-size:36px;line-height:40px;font-weight:normal;letter-spacing:1px} .w90{margin-left:5%;width:90%} #c{padding-bottom:40px} #msgdiv{float:left} div#msgs h1{margin-right:30px;float:left} .lg a:link,.lg a:visited{background:#c35;float:left;display:block;color:#fff;border:0;padding:20px;font:26px/20px Montserrat,Arial,sans-serif;font-weight:900;letter-spacing:2px} .lg{z-index:9;position:relative} #pl{display:none} time{cursor:pointer;direction:ltr} #top{width:90%;margin:0 5%} #clock0_bg{width:100%} #clock0,.clockplace,#lC,.clockdate,#daydiv{text-align:right} #pL a:link,#pL a:visited,#pL1 a,#lC,#daydiv,#daydiv1{color:#333} #pL,#pL1{margin-bottom:20px} #favs{width:100%;list-style:none;margin:0 0 10px 0;padding:0;float:right} #favs span{color:#999} .tbx div{clear:none;float:left;text-align:left;white-space:nowrap;font-size:18px;line-height:22px;font-style:normal;font-weight:normal;letter-spacing:2px} .tbx a{display:block;margin:0 0 10px 10px;padding:10px 20px;border:1px solid #eee;background:#eee;text-decoration:none} .txtin,.dateinput{background:#eee;border:1px solid #ddd;width:138px;padding:10px;color:#333} .mout{border-color:#eee} fieldset{background:#eee;float:left;display:block;padding-right:20px;white-space:nowrap} legend{padding:5px 20px;margin-top:-20px;display:block;float:left;background:#666;color:#fff} fieldset div{margin-left:20px;padding:10px 0} fieldset{box-shadow:5px 5px 5px #999} .simplify #navbg:hover .tr{filter:alpha(opacity=100)} #imageselector a:hover{filter:alpha(opacity=80)} #displayed_message{filter:alpha(opacity=80)} #displayed_message.edt{filter:alpha(opacity=90)} .faded #socbuttons.off{filter:alpha(opacity=20)} .hdn{filter:alpha(opacity=0)} .hdn:hover{filter:alpha(opacity=100)} #customize{filter:alpha(opacity=80)} .d #customize{filter:alpha(opacity=60)} .visible{filter:alpha(opacity=100)} .hidden{filter:alpha(opacity=0)} .veil{filter:alpha(opacity=90)} </style>   <link rel="stylesheet" href="/css/t2025-03-16.css"><script src="/js/t2025-03-10.js"></script> </head> <body id="bdy" class="withA factspage showall mt l "><div id="mainwrapper"> <div id="top"> <div class="lg"><h2><a href="https://time.is/" target="_top" title="Time.is">Time.is</a></h2></div> <div class="icon-nav tr"> <a href="#nav" onclick="return toggle_menu(1)" title="主選單" id="menubutton"> <div style="margin-top:2px;width:100%;border-top-width:5px;padding:3px 0 2px 0;border-bottom-width:5px;margin-bottom:5px"></div> <div style="width:100%;border-top-width:5px;padding:2px 0;margin-bottom:4px"></div> </a> </div> <script> function t_search(x){var qi=gob('q'),w=600 if(x){ scrollTo(0,0) qi.focus() if(ww<915)w=ww*.9-80 if(qi.value.indexOf('')!=-1)qi.value=qi.value.replace('','');setfocus('susdiv');sg(qi.value,'susdiv');focusitem(qi);if(dmode)bod.className=bod.className.replace('simplify','showall');gob('qbox').className='fcs' }else{ if(gob('qbox').className!=='fcs')return F; qi.blur() w=0 if(ww<915)w=0 if(ww<641||Tstate.current_page=='Unix_time')w=0 if(qi.value==='')qi.value='' losefocus('susdiv') bluritem(qi) if(dmode)bod.className=bod.className.replace('showall','simplify') setTimeout("gob('qbox').className=''",200) } return E} </script> <form id="qbox" class="tr" action="/widgets/" method="get" autocomplete="off" accept-charset="UTF-8" onsubmit="return T_I.submit(gob('q').value)"> <input type="text" id="q" name="q" value="" tabindex="1" maxlength="100" accesskey="3" class="txtin blr mout" onfocus="t_search(1)" onblur="t_search(0)" onmouseover="mouseover(this)" onmouseout="mouseout(this)" onkeydown="arrows('susdiv',event)" onkeyup="sg(this.value,'susdiv')"/> <div id="susdiv" class="susdiv" onmouseover="setfocus('susdiv')" onmouseout="losefocus('susdiv')"></div> </form> <div id="user" class="tr"><a href="/log_in" title="sign up or log in"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path d="M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z"/></svg></a></div><div id="toppromotion" class="tr" style="position:absolute;top:15px;right:170px"><a href="/ad-free">Get Time.is Ad-free!</a></div> </div><div id="cvwr" class="w90"><h1>在自己的網站上放置免費、可隨心所欲調整樣式的時間小工具</h1><p>想要在自己網站上顯示一個精確的時間？還是今天的日期、日出日落時間或晝長？只要從下列選項選擇並複製語法你就可以做到！完全免費！</p> <h2>選擇</h2> <form action="./" method="post" autocomplete="off" accept-charset="UTF-8" style="padding-top:40px" id="widgetform"> <div class="item"> <fieldset><legend>地點</legend> <div> <strong>新加坡</strong><br> 想要顯示其他地點？請使用右上角的搜尋欄位 </div> </fieldset> </div> <div> <div class="item"> <fieldset><legend>要顯示的項目</legend> <div> <input type="checkbox" class="checkbox" checked id="display_time" name="display_time" value="1" onclick="clockconf['t']=gob('display_time').checked;reconfclock()"/> <label for="display_time" class="btnlbl">時間</label><br> <input type="checkbox" class="checkbox" id="display_date" name="display_date" value="1" onclick="clockconf['d']=gob('display_date').checked;reconfclock()"/> <label for="display_date" class="btnlbl">日期</label><br> <input type="checkbox" class="checkbox" id="display_suntimes" name="display_suntimes" value="1" onclick="clockconf['s']=gob('display_suntimes').checked;reconfclock()"/> <label for="display_suntimes" class="btnlbl">日升/日落</label><br> <input type="checkbox" class="checkbox" id="display_day_length" name="display_day_length" value="1" onclick="clockconf['l']=gob('display_day_length').checked;reconfclock()"/> <label for="display_day_length" class="btnlbl">晝長</label><br> </div> </fieldset> </div> </div> <div class="item" id="time_format_conf"> <fieldset><legend>時間格式</legend> <div><input type="radio" name="time_format" id="h_i_s_tfr" value="hours:minutes:seconds" checked="checked" onclick="clockconf['tf']='hours:minutes:seconds';reconfclock()"/> <label for="h_i_s_tfr" class="btnlbl">00:46:10</label> <br><input type="radio" name="time_format" id="h_i_tfr" value="hours:minutes" onclick="clockconf['tf']='hours:minutes';reconfclock()"/> <label for="h_i_tfr" class="btnlbl">00:46</label> <br><input type="radio" name="time_format" id="h_i_sa_tfr" value="12hours:minutes:secondsAMPM" onclick="clockconf['tf']='12hours:minutes:secondsAMPM';reconfclock()"/> <label for="h_i_sa_tfr" class="btnlbl">12:46:10AM</label> <br><input type="radio" name="time_format" id="h_ia_tfr" value="12hours:minutesAMPM" onclick="clockconf['tf']='12hours:minutesAMPM';reconfclock()"/> <label for="h_ia_tfr" class="btnlbl">12:46AM</label> </div> </fieldset> </div> <div class="item hide" id="date_format_conf"> <fieldset style="clear:both"><legend>日期格式</legend> <div> <input type="radio" name="date_format" id="default_date_format_radio" value="year年monthnamednum日，dayname，第week週" checked="checked" onclick="clockconf['df']='year年monthnamednum日，dayname，第week週';gob('custom_date_format').value=clockconf['df'];reconfclock()"/> <label for="default_date_format_radio" class="btnlbl">2025年四月6日，星期日，第14週</label><br> <input type="radio" name="date_format" id="date_format_radio_1" value="year/monthnum/daynum dayname, 第week週" onclick="clockconf['df']='year/monthnum/daynum dayname, 第week週';gob('custom_date_format').value=clockconf['df'];reconfclock()"/> <label for="date_format_radio_1" class="btnlbl">2025/04/06 星期日, 第14週</label><br> <input type="radio" name="date_format" id="date_format_radio_2" value="dayname daynum/monthnum/yy" onclick="clockconf['df']='dayname daynum/monthnum/yy';gob('custom_date_format').value=clockconf['df'];reconfclock()"/> <label for="date_format_radio_2" class="btnlbl">星期日 06/04/25</label><br> <input type="radio" name="date_format" id="date_format_radio_iso" value="year-monthnum-daynum" onclick="clockconf['df']='year-monthnum-daynum';gob('custom_date_format').value=clockconf['df'];reconfclock()"/> <label for="date_format_radio_iso" class="btnlbl">2025-04-06</label><br> <div style="width:300px"><div style="clear:none"><input type="radio" name="date_format" id="custom_date_format_radio" value="custom" onclick="clockconf['df']=gob('custom_date_format').value;reconfclock()"/> <label for="custom_date_format_radio" class="btnlbl">自訂:</label> </div><div style="clear:none"><input type="text" id="custom_date_format" name="custom_date_format" value="year年monthnamednum日，dayname，第week週" maxlength="100" style="width:280px" class="txtin blr mout" onfocus="setfocus('cdfl');gob('custom_date_format_radio').checked='checked';focusitem(this)" onblur="losefocus('cdfl');bluritem(this)" onmouseover="mouseover(this)" onmouseout="mouseout(this)" onkeyup="clockconf['df']=this.value;reconfclock()"/> </div></div> <div><div id="cdfl" class="hide" onmouseover="setfocus('cdfl')" onmouseout="losefocus('cdfl')"><table class="ltab"><tr><td colspan="2"><strong>天:</strong></td></tr> <tr><td><a href="javascript:custom_df_add('dayname')">dayname</a></td><td class="value">星期日</td></tr> <tr><td><a href="javascript:custom_df_add('dname')">dname</a></td><td class="value">週日</td></tr> <tr><td><a href="javascript:custom_df_add('daynum')">daynum</a></td><td class="value">01-31</td></tr> <tr><td><a href="javascript:custom_df_add('dnum')">dnum</a></td><td class="value">1-31</td></tr> <tr><td><a href="javascript:custom_df_add('day_in_y')">day_in_y</a></td><td class="value">天 1-366</td></tr> <tr><td colspan="2" style="padding-top:20px"><strong>周數:</strong></td></tr> <tr><td><a href="javascript:custom_df_add('week')">week</a></td><td class="value">14</td></tr> <tr><td colspan="2" style="padding-top:20px"><strong>月:</strong></td></tr> <tr><td><a href="javascript:custom_df_add('monthname')">monthname</a></td><td class="value">四月</td></tr> <tr><td><a href="javascript:custom_df_add('monthnum')">monthnum</a></td><td class="value">01-12</td></tr> <tr><td><a href="javascript:custom_df_add('mnum')">mnum</a></td><td class="value">1-12</td></tr> <tr><td colspan="2" style="padding-top:20px"><strong>年:</strong></td></tr> <tr><td><a href="javascript:custom_df_add('year')">year</a></td><td class="value">2025</td></tr> <tr><td><a href="javascript:custom_df_add('yy')">yy</a></td><td class="value">25</td></tr> </table></div></div> </div> </fieldset> </div><div class="item"> <fieldset style="clear:both"><legend>顏色與大小</legend> <div> <table class="wtab"><tr><td><label for="custom_font_size">字型大小:</label></td><td><input type="text" id="custom_font_size" name="custom_font_size" value="36" maxlength="10" style="width:70px" class="txtin blr mout num" onfocus="focusitem(this)" onblur="bluritem(this)" onmouseover="mouseover(this)" onmouseout="mouseout(this)" onkeyup="clockconf['fs']=this.value;reconfclock()"/>px</td></tr> <tr><td><label for="custom_font_c">字型顏色:</label></td><td><input type="text" id="custom_font_c" name="custom_font_c" value="" maxlength="10" style="width:70px" class="txtin blr mout num" onfocus="focusitem(this)" onblur="bluritem(this)" onmouseover="mouseover(this)" onmouseout="mouseout(this)" onkeyup="clockconf['fc']=this.value;reconfclock()"/></td></tr> <tr><td><label for="custom_bg_c">背景顏色:</label></td><td><input type="text" id="custom_bg_c" name="custom_bg_c" value="" maxlength="10" style="width:70px" class="txtin blr mout num" onfocus="focusitem(this)" onblur="bluritem(this)" onmouseover="mouseover(this)" onmouseout="mouseout(this)" onkeyup="clockconf['bc']=this.value;reconfclock()"/></td></tr> </table> </div> </fieldset> </div> <div> <div class="item"> <fieldset id="widget_preview"><legend class="emph">你的選擇結果看起來是這樣</legend> <div> <script src="//widget.time.is/zh_tw.js"></script> <script> var clockconf={t:1,d:0,s:0,l:0,tf:"hours:minutes:seconds",df:"year年monthnamednum日，dayname，第week週",sf:"",fs:"36",fc:"",bc:""} function reconfclock(){ var a=[],stp=[],b="",fs=16,p=[],i,s="",r="",jsname="zh_tw" p["c"]="" if(clockconf["t"]){a["t"]="TIME";gob("time_format_conf").className="item";if(clockconf["tf"]!="hours:minutes:seconds")p["t"]='time_format:"'+clockconf["tf"]+'"'} else gob("time_format_conf").className="item hide" if(clockconf["d"]){a["d"]="DATE";gob("date_format_conf").className="item";if(clockconf["df"]!="dayname, dnum monthname, year")p["d"]='date_format:"'+clockconf["df"]+'"'} else gob("date_format_conf").className="item hide" clockconf["sf"]="" if(clockconf["s"]){a["s"]="SUN";clockconf["sf"]="日出: srhour:srminute 日落: sshour:ssminute" p["s"]='sun_format:"日出: srhour:srminute 日落: sshour:ssminute"' p["o"]='coords:"1.3666700,103.8000000"' b="<br>" } if(clockconf["l"]){if(b==""){a["s"]="SUN";p["s"]='sun_format:"晝長: dlhours小時 dlminutes分"'}else p["s"]=p["s"].substr(0,p["s"].length-1)+'<br>晝長: dlhours小時 dlminutes分"' clockconf["sf"]+=b+"晝長: dlhours小時 dlminutes分" p["o"]='coords:"1.3666700,103.8000000"' } for(i in a){p["c"]+=s+a[i];s="<br>"} time_is_widget.ca["Singapore_z43e"]["template"]=p["c"] time_is_widget.ca["Singapore_z43e"]["time_format"]=clockconf["tf"] time_is_widget.ca["Singapore_z43e"]["date_format"]=clockconf["df"] time_is_widget.ca["Singapore_z43e"]["sun_format"]=clockconf["sf"] if(p["c"]=="TIME"){delete p["c"];jsname="t"}else p["c"]='template:"'+p["c"]+'"' if(clockconf["fs"]!="")fs=clockconf["fs"] gob("time_is_link").style.fontSize=gob("Singapore_z43e").style.fontSize=fs+"px" gob("time_is_link").style.lineHeight=gob("Singapore_z43e").style.lineHeight=Math.round(fs*1.3)+"px" if(clockconf["fs"]!="")stp.push("font-size:"+clockconf["fs"]+"px") gob("time_is_link").style.color=gob("Singapore_z43e").style.color=clockconf["fc"] if(clockconf["fc"]!="")stp.push("color:"+clockconf["fc"]) gob("widget_preview").style.background=clockconf["bc"] if(clockconf["bc"]!="")stp.push("background:"+clockconf["bc"]) if(0<stp.length)stp=' style="'+stp.join(";")+'"' else stp="" s="" for(i in p){r+=s+p[i];s=", "} if(""!=r)r="{"+r+"}" else r='{}' gob("custom_code").value='<a href="https://time.is/Singapore" id="time_is_link" rel="nofollow"'+stp+'>新加坡目前的時間:</a>\n<span id="Singapore_z43e"'+stp+'></span>\n<sc'+'ript src="//widget.time.is/'+jsname+'.js"></sc'+'ript>\n<sc'+'ript>\ntime_is_widget.init({Singapore_z43e:'+r+'});\n</sc'+'ript>\n' time_is_widget.init(time_is_widget.ca) } function custom_df_add(s){ var cdf=gob("custom_date_format"),v cdf.focus() v=cdf.value if(v.indexOf(s)==-1)v+=" "+s else v=v.replace(s,"") v=v.replace(/^ *(.*?) *$/,"$1").replace(/ +/g," ") cdf.value=clockconf["df"]=v reconfclock() } time_is_widget.init({Singapore_z43e : {time_format:"hours:minutes:seconds", date_format:"year年monthnamednum日，dayname，第week週", coords:"1.3666700,103.8000000"} , UTC_za00_:{}, New_York_z161_ :{template:"SUN",sun_format:"srhour:srminute",coords:"40.71427,-74.00597"}, Tokyo_z444_:{coords:"35.61488,139.58130"}}) </script> <span style="font-size:36px;line-height:47px"> <a href="https://time.is/Singapore" id="time_is_link" rel="nofollow">新加坡目前的時間:</a> <span id="Singapore_z43e"></span></span> </div> </fieldset> <div><em>由於各網頁的Style Sheets有所差異，最終的結果也許會有所不同<br>你可以用CSS任意調整widget</em></div> </div> </div> <h2>這是屬於你的時鐘小工具的原始碼</h2> <textarea id="custom_code" class="txtin blr mout" rows="5" onfocus="this.select();focusitem(this)" onblur="bluritem(this)" onmouseover="mouseover(this)" onmouseout="mouseout(this)"> <a href="https://time.is/Singapore" id="time_is_link" rel="nofollow" style="font-size:36px">新加坡目前的時間:</a> <span id="Singapore_z43e" style="font-size:36px"></span> <script src="//widget.time.is/t.js"></script> <script> time_is_widget.init({Singapore_z43e:{}}); </script> </textarea> </form> <div id="recover" style="margin-top:60px;width:100%"><div class="fst" style="float:left"><div data-freestar-ad="__300x250" id="time.is_300x250_ATF3"></div> <div data-freestar-ad="__336x280" id="time.is_billboard"></div> <script data-cfasync="false"> freestar.config.enabled_slots.push({placementName:"time.is_billboard",slotId:"time.is_billboard"}) freestar.config.enabled_slots.push({placementName:"time.is_300x250_ATF3",slotId:"time.is_300x250_ATF3"}) </script></div></div> <h2 style="padding-top:20px">使用條款</h2> <ul> <li>連回 Time.is 的連結在使用的網站必須清晰可見，你可以調整或翻譯連結文字，但必須包含 <em>Time.is, time,</em> 或地點的名字 (新加坡) 或時區 (+08).</li> <li>使用的網頁不可以自動更新</li> <li>從App內使用是不被允許的</li> <li>小工具不提供任何保證</li> <li>小工具不收取任何費用</li></ul> <a id="advanced_usage"></a> <h2>進階使用</h2> <p>There are two widget scripts: A simplified version,, which displays only time, and the main widget script,, which can display time, date, sunrise time, sunset time and day length. The main widget script is available in several languages. For other languages, replace <em>zh_tw</em> in the script name with the code for the desired language. 有兩個小工具語法：簡單版 <em>t.js</em> ，僅顯示時間。完整版 <em>zh_tw.js</em> ，可顯示時間/日期/日出日落/晝長。完整版小工具提供數種語言版本，用語言代碼替換原始碼檔名中的 zh_tw 即可。(例如波蘭文版是pl.js，土耳其文版是tr.js)</p> <p>init function接受的參數：</p> <div class="ptab"> <table> <tr><td><strong>參數</strong></td><td><strong>可用關鍵字</strong></td><td><strong>預設值</strong></td></tr> <tr><td><em>template</em></td><td><em>TIME, DATE, SUN</em></td><td><em>TIME</em></td></tr> <tr><td><em>time_format</em></td><td><em>hours, minutes, seconds, 12hours, AMPM</em></td><td><em>hours:minutes:seconds</em></td></tr> <tr><td><em>date_format</em></td><td><em>dayname, dname, daynum, dnum, day_in_y, week, monthname, monthnum, mnum, yy, year</em></td><td><em>year-monthnum-daynum</em></td></tr> <tr><td><em>sun_format</em></td><td><em>srhour, srminute, sr12hour, srAMPM, sshour, ssminute, ss12hour, ssAMPM, dlhours, dlminutes</em></td><td><em style="white-space:nowrap">srhour:srminute-sshour:ssminute</em></td></tr> <tr><td><em>coords</em></td><td>地點的經緯度，顯示日升日落資訊必須提供。</td><td></td></tr> <tr><td><em>id</em></td><td>為了讓伺服器識別地點和時區，若地點名稱包含非ASCII字元或您更改了HTML元素的ID，請提供。</td><td></td></tr> <tr><td><em>callback</em></td><td>每秒都會被呼叫的function名稱，會將準備好輸出的<em>template</em>作為參數(選擇性)</td><td></td></tr> </table> </div> <div> <p>參數名稱和關鍵字大小有別。您可以增加HTML和其他內容到 <em>template, time_format, date_format</em> 和 <em>sun_format</em> 參數</p> <p>可以這樣建立數個時鐘：</p> </div> <pre> UTC time: <span id="UTC_za00"></span><br/> New York sunrise time: <span id="New_York_z161"></span><br/> Tokyo sunrise time: <span id="Tokyo_z444"></span><br/> Find the <a href="https://time.is/" id="time_is_link" rel="nofollow">current time for any location or time zone on Time.is!</a> <script src="//widget.time.is/zh_tw.js"></script> <script> time_is_widget.init({ UTC_za00 : {}, New_York_z161 : { template: "SUN", sun_format: "srhour:srminute", coords: "40.71427,-74.00597" }, Tokyo_z444 : { coords: "59.33258,18.06490" } }); </script> </pre> <p style="clear:both"> 結果：<div class="widget_examples"> UTC time: <span id="UTC_za00_"></span><br> New York sunrise time: <span id="New_York_z161_"></span><br> Tokyo sunrise time: <span id="Tokyo_z444_"></span><br> Find the <a href="https://time.is/">current time for any location or time zone on Time.is!</a> </div> <div><p><em>time_format, date_format, sun_format</em> and <em>template</em> 等參數的值會被繼承，所以若已經在前面的小工具中指定了需要的參數，不需要重複指定。</p></div></div><div id="time_section" class="w1"><div id="msgs" class="tr w90 hide"><div id="msgdiv"><div id="syncH" style="float:left" class="hide"> </div></div><div id="syncDtl" class="w1 hide"> </div></div><div class="hide"><div style="width:100%;position:relative"><div id="clock0_bg" class="factspage"><time id="clock">00:46:10</time></div></div><noscript><h2 class="w90 error">由於您瀏覽器中JavaScript遺失或功能被關閉,時間無法正常運作!</h2></noscript><div id="dd" class="w90 tr clockdate" onclick="location='/calendar'" title="前往至年曆">2025年四月6日，星期日，第14週</div><div id="daydiv" class="hidden"></div><div id="lC" class="w90 tr"><span id="locw">太陽： <span id="sun" class="nw">↑ 07:02 ↓ 19:12 (12小時 10分)</span> - <a href="Singapore#time_zone">更多資訊</a></span> - <a href="/h/1cb0bb" rel="nofollow"><span>設定新加坡為居住地</span></a> - <a href="." onclick="conf['b']+='.1cb0bb';delete conf['a'];T_I.recook();location='/';return false" rel="nofollow"><span>增列至喜愛的地點中</span></a> </div></div> </div> <script> bod=gob('bdy') var l='zh_tw',conf={d:'%Y年%F%j日，%l，第%W週',t:'H:i:s',f:'mt',c:'2',o:'',z:'0.8',a:'1',b:'51ea29.4e4185.28571f.2d99db.1bb85e.1c3b23',w:'0',v:'20250405',h:0,i:'.8',Z:'0.8',m:'',u:''},locs={favs:[['1850147','444','東京','日本東京','Tokyo','35.68950','139.69171','8,336,599',''],['1816670','43d','北京','中国北京','Beijing','39.90750','116.39723','18,960,744',''],['2988507','71f','巴黎','法国巴黎','Paris','48.85341','2.34880','2,138,551',''],['2643743','716','倫敦','英国倫敦','London','51.50853','-0.12574','8,961,989',''],['5128581','161','紐約','美国紐約','New_York','40.71427','-74.00597','8,804,190','10'],['5368361','14e','洛杉矶','美国加州洛杉矶','Los_Angeles','34.05223','-118.24368','3,898,747','89']],main:[['1880251','43e','新加坡','新加坡','Singapore','1.36667','103.80000','5,638,676','']]},zones={'43e':['Asia/Singapore','+08',[480]],'444':['Asia/Tokyo','JST',[540]],'43d':['Asia/Shanghai','CST',[480]],'71f':['Europe/Paris','CEST',[120,1761440400,60]],'716':['Europe/London','BST',[60,1761440400,0]],'161':['America/New_York','EDT',[-240,1762063200,-300]],'14e':['America/Los_Angeles','PDT',[-420,1762074000,-480]]}, susdest='/widgets/' zone_id='Asia/Singapore',Tstate={chosen_loc:-1,current_page:"widgets"}; zone_code='clientside' zone_offset=-new Date().getTimezoneOffset() zones['clientside']=['','',[zone_offset]] days=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"] daysh=["週日","週一","週二","週三","週四","週五","週六"] daysI=["日","一","二","三","四","五","六"] months=["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"] monthsh=["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"] p_exactt="您的時間沒有誤差!" p_t_is="目前正確的時間是:" p_w="周數 " p_wn="%n" p_d="天" p_ds=" 天" p_h=" 小時" p_hs=" 小時" p_m=" 分" p_ms=" 分" p_s=" 秒" p_ss=" 秒" p_ss_short=" 秒" p_ur_late="您的時間晚了 %t" p_ur_early="您的時間早了 %t" p_acc="對時準確度為 ±%t" p_acc_short="對時準確度：±%t" p_last_s="最後同步時間：%t" p_last_s_short="最後同步：%t" p_dec_sym="." p_and=" 又 " p_time_diff="與 Time.is 的差距是%t (±%D) " p_time_diff_short="差距：%t (±%D) " p_failh="對時並未成功 " p_fail="因為您的網路連線過慢或電腦運作過於繁忙，無法精準對時 " p_syncing="對時中" p_conn_failed="無法與 Time.is 建立連線" p_try_again="再試一次？" p_no_match="沒有符合的資料!" p_no_au="抱歉,聲音功能需要最新版的Firefox, Opera,或Safari瀏覽器" p_no_cookie_support="error_no_cookie_support" p_td="今天" e_loc="請輸入地點" p_time_remaining="時間剩餘: %t" p_time_since="時間已過: %t" p_now='現在' p_yesterday='昨天' p_tomorrow='明天' p_today='今天' p_in_n='還有 %n' p_ago='過了 %n' p_In_x_days='再過%n%days' p_x_days_ago='%n%days之後' p_x_days_before='在%other_date前%n%days' p_x_days_after='在%other_date後%n%days' p_today_date='[今天]: %d' units=[p_ss,p_ms,p_hs,p_ds],units_sing=[p_s,p_m,p_h,' '+p_d] p_enter_loc='請輸入地點' p_default_time_format='H:i:s' p_date_formats=['%Y年%F%j日，%l，第%W週', '%Y/%m/%d %l, 第%W週', '%l %d/%m/%y', '%Y-%m-%d'] spdays={'0407':'<a target="_blank" href="https://www.who.int/campaigns/world-health-day/">World Health Day</a> / International Beaver Day'} noctp=1;adheight=0;;show_big_clock=0;force24=0;beginning_of_time() onresize=function(){setsizes(2)} </script> </div><div id="menupositioner"> <div id="close-menu" class="close-btn" onclick="toggle_menu(0)">×</div> <div id="menutransformer"> <nav id="nav"> <div> <h3><a href="/" class="logo">Time.is</a> <span class="slogan"><span>- </span>提供所有時區的準確時間</span></h3> <div id="menulinks"><ul><li><a href="/">現在時間</a></li><li><a href="/compare">兩地時差</a></li><li><a href="/your_time_zone">your time zone</a></li><li><a href="/time_zones">時區</a></li><li><a href="/DST_2025">日光節約時間</a></li><li><a href="/clock">時鐘</a></li><li><a href="/countdown">倒數計時器</a></li><li><a href="/calendar">年曆</a></li><li><a href="/compact_calendar">compact calendar</a></li><li><a href="/week">週數</a></li><li id="aub"><a href="sound">音效</a></li></ul><ul><li><a href="/apps">應用程式</a></li><li class="chosen"><a href="/widgets">小工具</a></li><li><a href="/time_zone_news">時區新聞</a></li><li><a href="/mailing_list">電子報</a></li></ul><ul><li><a href="/UTC">UTC</a></li><li><a href="/Unix_time">Unix 時間</a></li><li><a href="/Unix_time_converter">Unix 時間計算</a></li></ul><ul><li><a href="/customize">自訂內容</a></li><li><a href="/ad-free">Time.is Ad-free</a></li><li><a href="/FAQ">常見問答</a></li><li><a href="/howto">如何使用 Time.is</a></li><li><a href="/about">關於 Time.is</a></li><li><a href="/contact">聯絡 Time.is</a></li></ul><ul><li><a href="/advertise">廣告</a></li><li><a href="/terms_of_use">使用條款</a></li><li><a href="/terms_of_use#privacy_policy">隱私權政策</a></li></ul></div></div> <div id="follow_app"> <div id="appbadge"><a href="/jump/ipadapp_footer"><img src="/img/app_store_badge/Download_on_the_App_Store_Badge_HK_TW_135x40.svg" alt="Download on the App Store"></a></div> </div> </nav> <script> place_badges() </script> <footer id="footer"><nav></nav> <div> Time.is 以58種語言為您提供所有時區(超過7百萬個地點)的精確原子鐘時間<br> </div> <div id="footerlangs"> <a href="/?lang=en" title="English">What time is it?</a> <a href="/?lang=zh" title="Chinese (simplified) / 中文">几点了？</a> <a href="/?lang=hi" title="Hindi / हिंदी">क्या समय हुआ है?</a> <a href="/?lang=es" title="Spanish / español">¿Qué hora es?</a> <a href="/?lang=fr" title="French / français">Quelle heure est-il ?</a> <a href="/?lang=ar" title="Arabic / العربية">كم الساعة</a> <a href="/?lang=bn" title="Bengali / বাংলা">এখন কয়টা বাজে?</a> <a href="/?lang=ru" title="Russian / русский">Который час?</a> <a href="/?lang=pt_br" title="Portuguese (Brazil) / português (Brasil)">Que horas são?</a> <a href="/?lang=id" title="Indonesian / bahasa Indonesia">Jam berapa?</a> <a href="/?lang=de" title="German / Deutsch">Wieviel Uhr ist es?</a> <a href="/?lang=ja" title="Japanese / 日本語">今何時ですか？</a> <a href="https://saatkac.info.tr/" title="Turkish / Türkçe">Saat kaç?</a> <a href="/?lang=ta" title="Tamil / தமிழ்">என்ன நேரம்?</a> <a href="/?lang=ur" title="Urdu / اردو زبان">؟ےہ اوہ تقو ایک</a> <a href="/languages">&gg; more languages</a> </div> </footer> </div> </div><script>if(ee4=='B')attentiongrabber('Time.is Ad-free – <a href="ad-free">get it now!</a>','Or disable your adblocker. Please! :)') setcookie("rcovr",ee4) </script><script> window._qevents=window._qevents||[]; (function(){ var elem=document.createElement('script'); elem.src=(document.location.protocol=="https:"?"https://secure":"http://edge")+".quantserve.com/quant.js"; elem.async=true elem.type="text/javascript" var scpt=document.getElementsByTagName('script')[0] scpt.parentNode.insertBefore(elem, scpt) })(); window._qevents.push({ qacct:"p-4TE0mgHmkNwB-", uid:"__INSERT_EMAIL_HERE__" }) </script> <noscript> <div style="display:none"> <img src="//pixel.quantserve.com/pixel/p-4TE0mgHmkNwB-.gif" style="height:1px;width:1px" alt="Quantcast"/> </div> </noscript></body></html>