您现在的位置是:首页 > 设计知识设计知识

axure怎么显示实时时间,axure获取当前时间

网一2022-11-23 10:51:57设计知识12人已围观

简介axure怎么显示实时时间,axure获取当前时间我们在浏览一些网站的时候,经常会看到一些网站的页眉显示当前的年月日,这是比较广泛使用的。这种效果是如何实现的?下面给大家展示一下如何用Axure实现。想了解更多关于“AxureRP”的知识?点击此处免费试用

axure怎么显示实时时间,axure获取当前时间

我们在浏览一些网站的时候,经常会看到一些网站的页眉显示当前的年月日,这是比较广泛使用的。这种效果是如何实现的?下面给大家展示一下如何用Axure实现。

想了解更多关于“Axure RP”的知识?点击此处免费试用Axure RP课程。

工具/软件

硬件型号:华硕无畏15

版本:Windows7

所需软件:Axure RP

方法/步骤

第1步

打开软件,在目录中选择“二级标题”组件并拖动到画布中(如图)。

第2步

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

第3步

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

第4步

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

第5步

最后保存文件,点击预览。在浏览器中查看完成的效果(如图所示)。

:

总结

1.选择一个文本组件

2.设置页面加载属性。

3.设置和交互参数

4.添加功能

5.结束

注意/提示

以上是“Axure如何显示当前时间?”相信大家都仔细看过这篇文章的所有内容。如果在学习过程中遇到问题,不妨再看一遍文章。相信大家都能轻松解决目前的问题。

Tags:

很赞哦! ()

随机图文

留言与评论(共有 条评论)
   
验证码:

本栏推荐