Google AMP 放大器日期倒计时

amp-data-countdown 用于倒计时到呈现到 AMP HTML 页面的特定日期。它专门用作计时器或倒计时。

所需脚本：添加amp-data-countdown组件。

添加amp-mustache组件

属性：

1. 结束日期：它是 ISO 格式的倒计时日期。
2. timeleft-ms：要倒计时到的毫秒值。
3. offset-seconds：要添加到结束日期的数字。它可以是积极的或消极的。
4. 最大单位：该属性可以设置为天、小时、分钟、秒（默认：天）。大于用户定义单位的单位不显示。例如，如果还剩 2 天，最大单位是小时，则显示还剩 48 小时。
5. locale：设置定时器显示的语言。

English	en
German	de
Spanish	es
French	fr
Italian	it
Japanese	ja
Dutch	nl
Korean	ko
Russian	ru
Vietnamese	vi
Turkish	tr
Portuguese	pt
Thai	th
Chinese simplified /traditional	zh-cn/zh-tw

例子：

HTML

  

    
    Google AMP amp-date-countdown
  
    
    
    
  
    
    
    
  
    
  
    
  
    
        body {
            -webkit-animation: -amp-start 8s 
                steps(1, end) 0s 1 normal both;
  
            -moz-animation: -amp-start 8s 
                steps(1, end) 0s 1 normal both;
  
            -ms-animation: -amp-start 8s 
                steps(1, end) 0s 1 normal both;
  
            animation: -amp-start 8s 
                steps(1, end) 0s 1 normal both
        }
  
        @-webkit-keyframes -amp-start {
            from {
                visibility: hidden
            }
  
            to {
                visibility: visible
            }
        }
  
        @-moz-keyframes -amp-start {
            from {
                visibility: hidden
            }
  
            to {
                visibility: visible
            }
        }
  
        @-ms-keyframes -amp-start {
            from {
                visibility: hidden
            }
  
            to {
                visibility: visible
            }
        }
  
        @-o-keyframes -amp-start {
            from {
                visibility: hidden
            }
  
            to {
                visibility: visible
            }
        }
  
        @keyframes -amp-start {
            from {
                visibility: hidden
            }
  
            to {
                visibility: visible
            }
        }
    
    
        
            body {
                -webkit-animation: none;
                -moz-animation: none;
                -ms-animation: none;
                animation: none
            }
        
    
    
    
      
    
        amp-date-countdown {
            display: block;
        }
    

  

    
        
    
  
    
        
    

  

输出：