---
order: 16
group:
  title: 文本
  order: 40
---

## 时间器

内置定时器，自动实时显示当前时间，精确到秒

```tsx
import React from 'react';
import * as Charts from 'edata-charts';


export default () => (
   <div
    style={{ background: '#181B1D', width: '100%', height: 60, padding: 10 }}
  >
    <Charts.Timer />
  </div>
  );
```

## API

| 参数      | 说明                       | 类型   |
| --------- | -------------------------- | ------ |
| size      | 容器的宽高                 | object |
| boxStyle  | 容器样式                   | object |
| timerStyle| 时间样式                   | object |
| dateStyle | 日期样式                   | object |

### size

| 参数   | 说明 | 类型           |
| ------ | ---- | -------------- |
| width  | 宽度 | number\|string |
| height | 高度 | number\|string |

### boxStyle

| 参数       | 说明     | 类型   |
| ---------- | -------- | ------ |
| background | 背景色   | string |

### timerStyle

| 参数       | 说明     | 类型   |
| ---------- | -------- | ------ |
| color      | 字体色   | string |
| fontSize   | 字体大小 | string |

### dateStyle

| 参数       | 说明     | 类型   |
| ---------- | -------- | ------ |
| color      | 字体色   | string |
| fontSize   | 字体大小 | string |