童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

Axure教程:如何使用时间函数动态显示当前时间?

4月24日 囍孤女投稿
  本文教大家如何在Axure中,如何使用时间函数动态显示当前时间,enjoy
  首先Axure提供了很多时间函数,如下:
  Now用途:获取当前计算机系统日期对象。
  获取的值示例:SatAug31201923:15:29GMT0800(中国标准时间)
  GenDate用途:获取原型生成日期对象。
  获取的值示例:SatAug31201923:15:29GMT0800(中国标准时间)
  getDate()用途:获取日期对象“日期”部分数值(131)。
  getDay()用途:获取日期对象“星期”部分的数值(06)。
  getDayOfWeek()用途:获取日期对象“星期”部分的英文名称。
  getFullYear()用途:获取日期对象“年份”部分四位数值。
  getHours()用途:获取日期对象“小时”部分数值(023)。
  getMilliseconds()用途:获取日期对象的毫秒数(0999)。
  getMinutes()用途:获取日期对象“分钟”部分数值(059)。
  getMonth()用途:获取日期对象“月份”部分的数值(112)。
  getMonthName()用途:获取日期对象“月份”部分的英文名称。
  getSeconds()用途:获取日期对象“秒数”部分数值(059)。
  getTime()用途:获取当前日期对象中的时间值。该时间值表示从1970年1月1日00:00:00开始,到当前日期对象时,所经过的毫秒数,以格林威治时间为准。
  getTimezoneOffset()用途:获取世界标准时间(UTC)与当前主机时间之间的分钟差值。
  getUTCDate()用途:使用世界标准时间获取当前日期对象“日期”部分数值(131)。
  getUTCDay()用途:使用世界标准时间获取当前日期对象“星期”部分的数值(06)。
  getUTCFullYear()用途:使用世界标准时间获取当前日期对象“年份”部分四位数值。
  getUTCHours()用途:使用世界标准时间获取当前日期对象“小时”部分数值(023)
  getUTCMilliseconds()用途:使用世界标准时间获取当前日期对象的毫秒数(0999)。
  getUTCMinutes()用途:使用世界标准时间获取当前日期对象“分钟”部分数值(059)。
  getUTCMonth()用途:使用世界标准时间获取当前日期对象“月份”部分的数值(112)。
  getUTCSeconds()用途:使用世界标准时间获取当前日期对象“秒数”部分数值(059)。
  Date。parse(datestring)用途:用于分析一个包含日期的字符串,并返回该日期与1970年1月1日00:00:00之间相差的毫秒数参数:datestring为日期格式的字符串,格式为:yyyymmddhh:mm:ss。
  toDateString()用途:以字符串的形式获取一个日期。
  toISOString()用途:获取当前日期对象的IOS格式的日期字串,格式:YYYYMMDDTHH:mm:ss。sssZ。
  toJSON()用途:获取当前日期对象的JSON格式的日期字串,格式:YYYYMMDDTHH:mm:ss。sssZ。
  toLocaleDateString()用途:以字符串的形式获取本地化当前日期对象。并且只包含“年月日”部分的短日期信息。
  toLocaleTimeString()用途:以字符串的形式获取本地化当前日期对象。并且只包含“时分秒”部分的短日期信息。
  toUTCString()用途:以字符串的形式获取相对于当前日期对象的世界标准时间。
  通过上面的说明可知,假若我们需要显示格式为‘2019083123:54:01’的时间,无法直接通过函数获取,必须将年月日时分秒分别获取,然后拼接显示。
  第一步:获取当前时间
  我们将用到以下几个函数分别获取年月日时分秒:
  Now。getFullYear():获取年
  Now。getMonth():获取月
  Now。getDate():获取日
  Now。getHours():获取小时
  Now。getMinutes():获取分钟
  Now。getSeconds():获取秒
  通过试验我们发现,获取到的时间,若不足两位数,系统不会对前面补0,因此我们不能直接使用获取到的值,首先需对获取的值进行处理。
  (1)创建全局变量以便对获取的值进行处理
  (2)在赋值之前对所获取到的值进行处理(除年外,其他的,若当前时间不足两位小数,需进行补0处理),处理好之后,赋值给对应的全局变量。
  (3)将全局变量的值,赋值给对应的元素
  第二步:通过动态面板的改变,使时间动起来
  发现通过上面的方式,时间值只会在加载的时候获取一次,若想要时间走起来,我们可通过动态面板的改变进行实现。
  (1)将时间转为动态面板,并将动态面板中的状态1进行复制。
  (2)当页面加载时,使动态面板向后循环,循环间隔为1s。(当第一个状态获取完当前时间后,隔1s后,第二个状态获取当前时间,如此循环,即可实现时间自动增加)
  (3)给动态面板增加事件,当动态面板改变时,按照第一步的方式,对动态面板中,每个状态下的时间赋值为当前时间。
  (4)由于此次赋值与之前对动态面板中内容的赋值重复,将之前的删除即可。
  最后
  最终实现的结果如下:
  对应源文件地址:https:pan。baidu。coms1MCiGEId5Rs9LPPHirRyOJA
投诉 评论 转载

Axure教程:如何实现计时一般来说,我们的手机里都自带了一个计时小工具。于是前不久,笔者突发奇想,能不能用Axure做出这个小工具,实现计时效果呢?因此,笔者将以此为案例讲讲具体怎么做。一、元素准……AxureRP8教程:实现高逼格的面板切换效果如何利用AxureRP8教程实现高逼格的面板切换效果呢?一起来文中看看浏览网页时,我们经常看到整屏滚动效果的首页设计,如招商银行首页:当鼠标上下滚动时,不同页面进行翻页展……Axure教程:按钮与文本框结合在一起的动态重置功能本文要给大家讲解的是,按钮与文本框结合在一起的动态重置功能,enjoy设置文本1。1页面布局1。1。1页面设定新建一个页面文件,命名为“重置功能”。……App产品原型背后要交代的细节或要理解的原则(五)本文接上一篇App产品原型背后要交代的细节或要理解的原则(四)。18、聊天发表情,是怎样的机制在微信发一个表情出来,你发现显示的是名称〔调皮〕,而不是一个图标。……哲学三问之原型是怎么来的?在产品的具体设计中,原型是怎么来的呢?笔者认为原型由信息架构设计与条目设计组成,并以途家app搜索页为例讲解了条目设计。几千年来,哲学家们一直在思考三个问题:我是谁?我从……AxureRP9教程:9宫格拼图如何制作本篇文章通过原型设计工具为大家演示了9宫格拼图效果,看完后别忘了自己动手做一下!效果图使用工具AxureRP9beta绘制原型Camtasia2018录……Axure教程:实现页面上下滑动和顶部吸附效果本文将给大家介绍:如何在Axure中实现页面上下活动和顶部吸附,一起来看看吧效果预览:看是不是你想要的:https:xydq37。axshare。comc2一、元素……AxureRP8教程:图片局部开灯交互动效感谢罗罗诺亚索作者分享的【Axure教程:图片局部开灯交互动效】文章;由于该原型是用AxureRP9实现的,因此本文将结合文章实现方法,使用AxureRP8。0实现,并升级实现……Axure教程:如何制作3D动效?早几期文章,我说没有我做不出的交互,于是有同学加我微信,说老师你能实现这个3D效果吗?我本来想怼她一顿,这是平面软件,但是一气之下我就把她说的3D效果做出来了。首先看看效……Axure教程:如何自制横向滚动条?本文为我们介绍了自制横向滚动条的三个步骤,以及其中的注意要点。更多详细内容请见正文一般如果我们需要使用横向滚动条,会直接使用动态面板提供的横向滚动条。由于横向滚动条在动态……Axure教程:用户登录交互原型如何制作?今天和大家分享的是最常见的用户登录的原型设计,适用对象:想加入产品坑的新手小白。1。元件准备用户名、密码的输入框由矩形、icon、文本框三个元件组成。为方便区……Axure教程:如何使用时间函数动态显示当前时间?本文教大家如何在Axure中,如何使用时间函数动态显示当前时间,enjoy首先Axure提供了很多时间函数,如下:Now用途:获取当前计算机系统日期对象。获取……
职场的语录职场的语录摘录秘书沟通技巧常用职场心灵鸡汤语录简单的职场的语录摘录简短的职场的语录职场的语录100条职场正能量的语录摘录职场正能量的语录摘录职场正能量的语录职场工作心得职场的语录

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界