axure怎么显示当时时间? axure显示实时时间的技巧

axure怎么显示当时时间? axure显示实时时间的技巧

我们在浏览一些网站的时候，经常看到一些网站的头部显示，当前年月和当前时间？想要制作这个效果，该怎么制作呢？下面我们就来看看详细的教程。

原型设计工具Axure RP Pro 8.1特别版 中文汉化特别版(附汉化包+注册码+安装教程)

• 类型：辅助设计
• 大小：90.5MB
• 语言：简体中文
• 时间：2018-05-24

查看详情

1、打开软件，在元件库选择“二级标题”元件，并拖入画布中（如图）。

2、选择中元素，在右上角找到“属性”，点击更多事件，在下拉框中选择“页面载入时”（如图）。

3、在d出的对话框中依次选择“设置文本”、“选择当前文件”、并点击设置文本属性中的图标，点击图标后会d出编辑文本页面（如图）。

4、在d出的编辑文本页面中，删除文本框中所有文字，然后点击“插入变量函数”先在下拉框中选择“toLocaleDateString”日期函数，然后在次点击“插入变量函数”在下拉框中选择“toLocaleTimeString”时间函数。最后点击确定。（如图）。

5、最后保存文件，点击预览。在浏览器中查看效果制作完成（如图）。

总结：

1、选择文字元件

2、设置页面载入是属性

3、设置及交互参数

4、添加函数

5、完成

以上就是axure显示实时时间的技巧，希望大家喜欢，请继续关注脚本之家。

相关推荐：

axure怎么制作计时间选择器效果?

Axure怎么添加滚动条? Axure滚动条的两种制作方法

axure怎么制作多选树效果? axure多级菜单的制作方法