欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

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

程序员文章站 2022-04-16 16:56:13
axure怎么显示当时时间? axure显示实时时间的技巧...

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

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

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

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

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

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

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

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

4、在弹出的编辑文本页面中,删除文本框中所有文字,然后点击“插入变量函数”先在下拉框中选择“tolocaledatestring”日期函数,然后在次点击“插入变量函数”在下拉框中选择“tolocaletimestring”时间函数。最后点击确定。(如图)。

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

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

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

总结:

1、选择文字元件

2、设置页面载入是属性

3、设置及交互参数

4、添加函数

5、完成

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

相关标签: Axure 时间