秒殺倒計(jì)時(shí)html代碼的簡(jiǎn)單介紹
1、給你一段我收藏倒計(jì)時(shí)功能的代碼,復(fù)制了保存為html文件,親測(cè)可用lthtmlltheadlttitle生日倒計(jì)時(shí)lttitleltb今天距離2014年8月2日的生日還有l(wèi)tbltbrltscript language=quotJavaScriptquotvar DifferHour = 1var;lt!doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitle倒計(jì)時(shí)lttitleltscript type=quottextjavascriptquot function GetRTime var EndTime= new Date#3920140812 160000#39 截止時(shí)間 var;ifc==0clearTimeoutt=quoturlquot為跳轉(zhuǎn)地址elset=setTimeout#39timedMsg#39,1000cltscript這樣即可 這是點(diǎn)擊按鈕開始倒計(jì)時(shí),如果要是頁面加載就開始的話,直接給body加。
2、lt!DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitle倒計(jì)時(shí)五秒后跳頁面lttitle ltscript function countDown 獲取初始時(shí)間 var time = documentgetElementByIdquotTimequot獲取到id為time標(biāo)簽;lt!DOCTYPE htmllthtmllthead lang=quotenquot ltmeta charset=quotUTF8quot lttitlelttitle ltscript type=quottextjavascriptquot windowonload = function var i = 10 var timer = setIntervalfun;msg = quot距離結(jié)束還有quot+minutes+quot分quot+seconds+quot秒quotdocumentallquottimerquotinnerHTML = msgifmaxtime == 5*60 alert#39注意,還有5分鐘!#39maxtimewindowname = maxtime else clearIntervaltimer;lthtml lthead ltmeta charset=quotUTF8quot lttitle簡(jiǎn)單時(shí)長(zhǎng)倒計(jì)時(shí)lttitle ltSCRIPT type=quottextjavascriptquot var maxtime = 60 * 60 一個(gè)小時(shí),按秒計(jì)算,自己調(diào)整!function CountDown if maxtime =;ltbr倒計(jì)時(shí)已結(jié)束ltbr ltspanid=quotspan_dt_dtquotstyle=#39border1pxsolidblackbackgroundcolorFFFFFF#39ltspan ltSCRIPTlanguage=javascript lt! documentwritequotquotfunctionshow_time windowsetTimeoutquotsh。
3、lt!DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitleDocumentlttitle lthead ltbody ltdiv id=quotboxquot 還剩ltlabel for=quotquot id=quothourquot00ltlabel小時(shí) ltlabel for=quotquot id=quotminutequot00ltlab;這個(gè)不是HTML代碼能實(shí)現(xiàn)的,一般網(wǎng)頁使用JS腳本比如ltSCRIPT LANGUAGE=quotJavaScriptquot lt! var maxtime = 24*60*60 function CountDown ifmaxtime=0 hour = Mathfloormaxtime3600minutes = Math;點(diǎn)擊按鈕出現(xiàn)60秒倒計(jì)時(shí)的簡(jiǎn)單js代碼推薦lt!DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquotquotDTDxhtml1transitionaldtdquot lthtml xmlns=quot;lttitle光棍節(jié)馬上要來了,雙11瘋狂購(gòu)物節(jié)進(jìn)入倒計(jì)時(shí)階段lttitle ltform name=quotform1quot ltdiv align=quotcenterquot align=quotcenterquot ltcenter距離2013年11月11日瘋狂購(gòu)物節(jié)還有l(wèi)tbr ltinput type=quottextareaquot name=quotleft。
4、setTimeoutfunction settimeval,1000 ltscript ltbody lthtml 以上這篇點(diǎn)擊按鈕出現(xiàn)60秒倒計(jì)時(shí)的簡(jiǎn)單js代碼推薦就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家;說明 用來生成倒計(jì)時(shí)JS代碼的腳本 效果 點(diǎn)這里在新窗口中看效果代碼 要完成此效果需要兩個(gè)步驟 第一步把如下代碼加入到lthead區(qū)域中 ltSCRIPT language=javascript lt! function generateform forvar q=0。
5、function show_date_time windowsetTimeoutquotshow_date_timequot, 1000 每秒執(zhí)行此函數(shù) BirthDay=new Datequot8082008 200000quot這個(gè)日期是可以修改的,倒數(shù)結(jié)束時(shí)間 today=new Date 系統(tǒng)當(dāng)前;網(wǎng)頁倒計(jì)時(shí)添加代碼如下ltFONT color=# size=3網(wǎng)站倒計(jì)時(shí)ltbltSPAN id=span_dt_dtltSPANltbltFONT ltSCRIPT language=javascript lt! function show_date_time windowsetTimeoutquotshow_date_。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。