Tad 教材網 - 倒數計時

:::

倒數計時

套件名稱：倒數計時 1

作者 : tad

模組網站 :

倒數計時更新說明

正式釋出

「倒數計時」簡介

簡單的倒數計時區塊

$title = "2018暑假"; //設定標題

$date = "2018-07-01"; //設定時間

$fontSize = 22; //設定時間字型大小

$color = "#FFFFFF"; //設定時間字型顏色

安裝方式

到區塊管理，新增一個自訂區塊。

將底下內容貼到自訂區塊中

$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>";