利用AxureRP8中空间的动态面板的状态改变时间设置文本的值,从而实现时间功能,如下内容。
1、新建index页面,如已有index页面忽略这步即可。
2、拖入一个文本标签,将文本标签的名称命名为:lb_daetime.
3、拖入一个动态面板,复制状态1(state1),将复制后的状态命名为state2.
4、设置动态面板的载入时事件,如下图所示:
5、在动态面板的状态改变事件中向文本标签赋值。
a、选中动态面板,在弹出的用例编辑中 找到添加工作一栏,选择设置文本,在配置动作中选择文本标签,在下方设置文本为:选择值,然后点击后面的fx,可弹出编辑文本的窗口。
b、在弹出文本窗口中点击插入变量或函数,选择日期里面的toTimeString()函数即可,如下图所示:
6、时间功能完成,运行即可。
补充知识点:
时间函数详解
Now 根据计算机系统设定的日期和时间返回当前的日期和时间值。如:设置元件文本的值为:[[Now]];输出:Mon Jan 08 2018 10:42:55 GMT+0800 (中国标准时间)。GMT(Greenwich Mean Time)代表格林尼治标准时间。而CST却同时可以代表如下 4 个不同的时区:Central Standard Time (USA) UT-6:00美国;Central Standard Time (Australia) UT+9:30澳大利亚;China Standard Time UT+8:00中国;Cuba Standard Time UT-4:00古巴。
GenDate 根据计算机系统设定的日期和时间返回当前原型生成时的日期和时间值。
getDate() 获取日期对象返回一个月中的日期的数字(1 ~ 31)。
getDay() 获取日期对象返回表示星期的某一天的数字。(0 ~ 6)。返回值是 0(周日) 到 6(周六) 之间的一个整数。
getDayOfWeek() 获取日期对象返回表示星期的某一天的名称(英文)。
getFullYear() 获取日期对象“年份”部分四位数字。
getHours() 获取日期对象“小时”部分数字(0 ~ 23)。
getMilliseconds() 获取日期对象的毫秒数(0 ~ 999)。
getMinutes() 获取日期对象“分钟”部分数值(0 ~59)。
getMonth() 获取日期对象“月份”部分的数值(1 ~ 12)。
getMonthName() 获取日期对象“月份”部分的英文名称。
getSeconds() 获取日期对象“秒数”部分数值(0 ~59)。
getTime() 获取当前日期对象中的时间值。该时间值表示从1970年1月1日00:00:00开始,到当前日期对象时,所经过的毫秒数,以格林威治时间为准。
getTimezoneOffset() 获取世界标准时间(UTC)与当前主机时间(本地时间)之间的分钟差值。
getUTCDate() 使用世界标准时间获取当前日期对象返回一个月中的某一天(1 ~ 31)。
getUTCDay() 使用世界标准时间获取当前日期对象返回表示星期的一天的一个数字。(0 ~ 6)。
getUTCFullYear() 使用世界标准时间获取当前日期对象“年份”部分四位数值。
getUTCHours() 使用世界标准时间获取当前日期对象“小时”部分数值(0 ~ 23)
getUTCMilliseconds() 使用世界标准时间获取当前日期对象的毫秒数(0 ~ 999)。
getUTCMinutes() 使用世界标准时间获取当前日期对象“分钟”部分数值(0 ~59)。
getUTCMonth() 使用世界标准时间获取当前日期对象“月份”部分的数值(1 ~ 12)。
getUTCSeconds() 使用世界标准时间获取当前日期对象“秒数”部分数值(0 ~59)。
Date.parse(datestring) 用于分析一个包含日期的字符串,并返回该日期与1970年1月1日00:00:00之间相差的毫秒数。参数:datestring为日期格式的字符串,格式为:yyyy/mm/dd hh:mm:ss。
toDateString() 可把 Date 对象的日期部分转换为字符串,并返回结果。
toISOString() 以字符串值的形式返回采用 ISO 格式的日期,格式:YYYY-MM-DDTHH:mm:ss.sssZ。
toJSON() 获取当前日期对象的JSON格式的日期字串,格式: YYYY-MM-DDTHH:mm:ss.sssZ。
toLocaleDateString() 以字符串的形式获取本地化当前日期对象。并且只包含“年月日”部分的短日期信息。
toLocaleTimeString() 以字符串的形式获取本地化当前日期对象。并且只包含“时分秒”部分的短日期信息。
toLocaleString() 根据本地时间把Date 对象转换为字符串,并返回结果。包含“年月日时分秒”。如:[[Now.toLocaleString()]];输出:2014年5月25日 下午12:33:26
toTimeString() 把 Date 对象的时间部分转换为字符串,并返回结果。如:[[Now.toTimeString()]];输出:13:21:58 GMT+0800 (CST)
toUTCString() 根据世界时间 (UTC) 把 Date 对象转换为字符串,并返回结果。如:[[Now.toUTCString()]];输出:Sun,25 May 2014 05:27:36 GMT
Date.UTC(year,month,day,hour,min,sec,millisec) 获取相对于1970 年 1 月 1 日 00:00:00的世界标准时间,与指定日期对象之间相差的毫秒数。 参数:组成指定日期对象的年、月、日、时、分、秒以及毫秒的数值。
valueOf() 获取当前日期对象的原始值。
addYears(years) 将指定的年份数加到当前日期对象上,获取一个新的日期对象。 参数:years为整数数值,正负均可。如:设置文本部件1的值为:[[Now.addYears(-3)]];输出:Wed May 25 2011 13:44:52 GMT+0800 (CST)。设置文本部件1的值为:[[Now.addYears(3)]];输出:Thu May 25 2017 13:46:46 GMT+0800 (CST)。
addMonths(months) 将指定的月份数加到当前日期对象上,获取一个新的日期对象。 参数:months为整数数值,正负均可。
addDays(days) 将指定的天数加到当前日期对象上,获取一个新的日期对象。 参数:days为整数数值,正负均可。
addHours(hours) 将指定的小时数加到当前日期对象上,获取一个新的日期对象。 参数:hours为整数数值,正负均可。
addMinutes(minutes) 将指定的分钟数加到当前日期对象上,获取一个新的日期对象。 参数:minutes为整数数值,正负均可。
addSeconds(seconds) 将指定的秒数加到当前日期对象上,获取一个新的日期对象。 参数:seconds为整数数值,正负均可。
addMilliseconds(ms) 将指定的毫秒数加到当前日期对象上,获取一个新的日期对象。 参数:ms为整数数值,正负均可。
附件下载:https://files.cnblogs.com/files/-ShiL/%E6%96%87%E5%AD%97%E6%BB%9A%E5%8A%A8%E6%A1%88%E4%BE%8B.rar