JS實作倒數計時和文字滾動的效果實例_javascript技巧

本文實例講述了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程式設計有所幫助。