ant-design/components/message/demo/duration.md

---
order: 2
title:
  zh-CN: 修改延时
  en-US: Customize duration
---

## zh-CN

自定义时长 `10s`，默认时长为 `3s`。

## en-US

Customize message display duration from default `3s` to `10s`.

```tsx
import { Button, message } from 'antd';
import React from 'react';

const success = () => {
  message.success('This is a prompt message for success, and it will disappear in 10 seconds', 10);
};

const App: React.FC = () => <Button onClick={success}>Customized display duration</Button>;

export default App;
```
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
			`order: 2`
docs: translate message 2016-07-04 10:44:55 +08:00			`title:`
			`zh-CN: 修改延时`
			`en-US: Customize duration`
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
chore: adjust coding style, delete useless less, modify md files. 2015-07-11 11:27:10 +08:00
docs: translate message 2016-07-04 10:44:55 +08:00			`## zh-CN`

update some demo 2017-10-17 21:03:23 +08:00			自定义时长 `10s`，默认时长为 `3s`。
chore: adjust coding style, delete useless less, modify md files. 2015-07-11 11:27:10 +08:00
docs: translate message 2016-07-04 10:44:55 +08:00			`## en-US`

update some demo 2017-10-17 21:03:23 +08:00			Customize message display duration from default `3s` to `10s`.
docs: translate message 2016-07-04 10:44:55 +08:00
docs: feat components TS demo (#34742) * docs: add general components TS demo * docs: add layout components TS demo * docs: add navigation components TS demo * docs: add data entry components TS demo * chore(deps): add types for qs * docs: add data display TS demo * docs: add feedback components TS demo * docs: add other components TS demo * chore(deps): add types * docs: unified demo code style * docs: fix lint error * docs: add demo TS type * docs: fix demo TS type * test: update snapshot * docs: fix TS demo * feat: update Rate character type * docs: fix lint error * feat: update Rate character type * feat: update Rate character type 2022-05-19 09:46:26 +08:00			```tsx
chore: merge master 2022-05-23 14:37:16 +08:00			`import { Button, message } from 'antd';`
docs: feat components TS demo (#34742) * docs: add general components TS demo * docs: add layout components TS demo * docs: add navigation components TS demo * docs: add data entry components TS demo * chore(deps): add types for qs * docs: add data display TS demo * docs: add feedback components TS demo * docs: add other components TS demo * chore(deps): add types * docs: unified demo code style * docs: fix lint error * docs: add demo TS type * docs: fix demo TS type * test: update snapshot * docs: fix TS demo * feat: update Rate character type * docs: fix lint error * feat: update Rate character type * feat: update Rate character type 2022-05-19 09:46:26 +08:00			`import React from 'react';`
chore: adjust coding style, delete useless less, modify md files. 2015-07-11 11:27:10 +08:00
update message demo code style 2017-03-19 01:14:44 +08:00			`const success = () => {`
docs: translate message 2016-07-04 10:44:55 +08:00			`message.success('This is a prompt message for success, and it will disappear in 10 seconds', 10);`
improve message component 2015-07-11 18:00:58 +08:00			`};`
chore: adjust coding style, delete useless less, modify md files. 2015-07-11 11:27:10 +08:00
docs: feat components TS demo (#34742) * docs: add general components TS demo * docs: add layout components TS demo * docs: add navigation components TS demo * docs: add data entry components TS demo * chore(deps): add types for qs * docs: add data display TS demo * docs: add feedback components TS demo * docs: add other components TS demo * chore(deps): add types * docs: unified demo code style * docs: fix lint error * docs: add demo TS type * docs: fix demo TS type * test: update snapshot * docs: fix TS demo * feat: update Rate character type * docs: fix lint error * feat: update Rate character type * feat: update Rate character type 2022-05-19 09:46:26 +08:00			`const App: React.FC = () => <Button onClick={success}>Customized display duration</Button>;`

			`export default App;`
:lipstick: prittier all files 2019-05-07 14:57:32 +08:00			```