本文實例講述了JS實現倒數計時和文字滾動效果的方法。分享給大家供大家參考。具體實作方法如下:
說明:一般我們在一些淘寶類店鋪中會看到一些像搞競標之類的活動,從中我們時而會發現一些倒數計時的效果,在一些年會等場合我們也會發現一些抽獎活動,從中我們也可以看到一些隨即滾動的效果。這裡給大家分享一個實現倒數計時和文字滾動的方法,希望可以對大家有幫助。這裡主要是透過js實現的。
一、倒數效果的實現
前台部分的完整程式碼如下:
補充:倒數效果精簡版:
最後我們可以看到類似如下圖的效果:
二、文字滾動效果的實現
前台代碼部分如下:
知識補充:
var myDate = new Date();
myDate.getYear(); //取得目前年份(2位元)
myDate.getFullYear(); //取得完整的年份(4位元,1970-????)
myDate.getMonth(); //取得目前月份(0-11,0代表1月)
myDate.getDate(); //取得目前日(1-31)
myDate.getDay(); //取得目前星期X(0-6,0代表星期日)
myDate.getTime(); //取得目前時間(從1970.1.1開始的毫秒數)
myDate.getHours(); //取得目前小時數(0-23)
myDate.getMinutes(); //取得目前分鐘數(0-59)
myDate.getSeconds(); //取得目前秒數(0-59)
myDate.getMilliseconds(); //取得目前毫秒數(0-999)
myDate.toLocaleDateString(); //取得目前日期
var mytime=myDate.toLocaleTimeString(); //取得當前時間
myDate.toLocaleString( ); //取得日期與時間
希望本文所述對大家基於js的web程式設計有所幫助。