:::

倒數計時


套件名稱: 倒數計時 1
作者 : tad
模組網站 :

倒數計時 更新說明

正式釋出

「 倒數計時 」簡介

簡單的倒數計時區塊

$title = "2018暑假"; //設定標題
$date = "2018-07-01"; //設定時間
$fontSize = 22; //設定時間字型大小
$color = "#FFFFFF"; //設定時間字型顏色

安裝方式

  1. 到區塊管理,新增一個自訂區塊。
  2. 將底下內容貼到自訂區塊中
    $title="2018暑假";
    $date="2018-07-01";
    $fontSize=22;
    $color="#FFFFFF";
    
    //************************** 以下勿動 **************************//
    $rand=randStr(4);
    get_jquery();
    echo "
    <link href='https://class.tn.edu.tw/modules/tad_web/class/Countdown/timeTo.css' rel='stylesheet' />
    <script src='https://class.tn.edu.tw/modules/tad_web/class/Countdown/jquery.time-to.js'></script>
    <style>
    .timeTo ul li{color: {$color};}
    </style>
    <div class='text-center'>
      <div style='font-size: 1.5em; margin-bottom:10px;'>{$title}</div>
      <div id='countdown{$rand}'></div>
    </div>
    
    <script type='text/javascript'>
      $(function () {
        $('#countdown{$rand}').timeTo({
            timeTo: new Date(new Date('{$date}')),
            displayDays: 3,
            theme: 'black',
            displayCaptions: true,
            fontSize: {$fontSize},
            captionSize: 12,
            lang:'zh'
        });
      });
    </script>";
  3. 內容類型請設為PHP腳本
  4. 位置建議放在 左邊

倒數計時 更新項目

倒數計時 1 (2018-05-21 10:03:28 起被下載 32 次)

正式釋出

:::

搜尋

QR Code 區塊

https%3A%2F%2Ftad0616.net%2Fmodules%2Ftad_modules%2Findex.php%3Fmodule_sn%3D98%26update_sn%3D1156

線上使用者

86人線上 (51人在瀏覽模組控制台)

會員: 0

訪客: 86

更多…