dur
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Thuộc tính dur cho biết thời lượng đơn giản của một hoạt ảnh.
Bạn có thể dùng thuộc tính này với các phần tử SVG sau:
Ví dụ
<svg viewBox="0 0 220 150" xmlns="http://www.w3.org/2000/svg">
<rect x="0" y="0" width="100" height="100">
<animate
attributeType="XML"
attributeName="y"
from="0"
to="50"
dur="1s"
repeatCount="indefinite" />
</rect>
<rect x="120" y="0" width="100" height="100">
<animate
attributeType="XML"
attributeName="y"
from="0"
to="50"
dur="3s"
repeatCount="indefinite" />
</rect>
</svg>
Ghi chú sử dụng
| Giá trị |
<clock-value>
| media | indefinite
|
|---|---|
| Giá trị mặc định | indefinite |
| Có thể hoạt ảnh | Không |
<clock-value>-
Giá trị này chỉ định độ dài của thời lượng đơn giản. Giá trị phải lớn hơn 0 và có thể được biểu diễn bằng giờ (
h), phút (m), giây (s) hoặc mili giây (ms). Có thể kết hợp các biểu diễn thời gian này để tạo ra các thời lượng phức tạp nhưhh:mm:ss.iiihoặcmm:ss.iii. media-
Giá trị này chỉ định thời lượng đơn giản là thời lượng media nội tại. Giá trị này chỉ hợp lệ cho các phần tử định nghĩa media. (Đối với các phần tử hoạt ảnh, thuộc tính sẽ bị bỏ qua nếu
mediađược chỉ định.) indefinite-
Giá trị này chỉ định thời lượng đơn giản là không xác định.
Note:
interpolation sẽ không hoạt động nếu thời lượng đơn giản là không xác định (mặc dù điều này vẫn có thể hữu ích cho các phần tử <set>).
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| SVG Animations Level 2 # DurAttribute |