脚本分享门户实时刷新展现当前时间精确到时分秒

3625
3

xxxl 数据领袖Lv6

发表于2020-9-3 14:13

楼主
本帖最后由 xxxl 于 2020-10-30 14:15 编辑

1.需求场景
  需要在门户中展示精确到时分秒的文本并且需要实时刷新的效果,可以参照在报表上设置实时时间文本的客户端脚本帖子https://bbs.esensoft.com/thread-131404-1-1.html修改取元素的方式完成该需求。
2.具体操作
  现在门户中拖入文本组件,它的组件标识为text1
截图202009031409036767.png
  然后选中结构树的页面在事件中写自定义脚本
截图202009031410331979.png
脚本内容为:
  1. setInterval(function(){   
  2.   var date = new Date();   
  3.   var year = date.getFullYear();    //获取当前年份   
  4.   var mon = date.getMonth()+1;      //获取当前月份   
  5.   var da = date.getDate();          //获取当前日  
  6.   var h = date.getHours();          //获取小时   
  7.   if(h<10){  //不足两位自动补位
  8.           h="0"+h;
  9.   }
  10.           var m = date.getMinutes();        //获取分钟   
  11.   if(m<10){//不足两位自动补位
  12.           m="0"+m;
  13.   }
  14.           var s = date.getSeconds();        //获取秒   
  15.   if(s<10){//不足两位自动补位
  16.           s="0"+s;
  17.   }

  18.   var a = new Array("日", "一", "二", "三", "四", "五", "六");  
  19.   var week = date.getDay();
  20.   var d = $('div[data-id="text1"]');//这里的text1为文本组件标识
  21.   var d1 = d.children()[0];

  22. //可以在此处修改文本样式
  23.   d1.style.fontSize = "20px";
  24. d1.style.color = "#ff0836";

  25.   d1.innerHTML=year+'年'+mon+'月'+da+'日'+'      '+'星期'+a[week]+' '+h+':'+m+':'+s;
  26. },1000);
复制代码
最后效果 截图202009031411395015.png

最近看过此主题的会员

liulei6511

pandabuxizao

abcddcba

13359319724

esen_4OQSY6M195

13203899818

刘女士1234

18999800733

429661127

xy6228476

3个回答

只看楼主

linuo 初学数据Lv2

发表于2021-3-4 14:28

只看该作者

取消 关注该作者的回复

沙发

亿信bi的出现报错

xxxl 数据领袖Lv6

发表于2021-3-4 16:19

只看该作者

取消 关注该作者的回复

板凳

linuo 发表于 2021-3-4 14:28
亿信bi的出现报错

看看您怎么设置的 我本地可以啊

linuo 初学数据Lv2

发表于2021-5-21 16:43

只看该作者

取消 关注该作者的回复

地板

xxxl 发表于 2021-3-4 16:19
看看您怎么设置的 我本地可以啊

可以了,编写的有问题

登录后可回答问题,请登录注册

快速回复 返回顶部 返回列表

小时

全天响应

分钟

快速处理问题

工程师强势助力

明星产品
解决方案
联系合作

渠道咨询电话:137-0120-6790

技术支持QQ:400-0011-866(工作日9:00-18:00)

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流

版权所有© 2006-2024 北京亿信华辰软件有限责任公司 京ICP备07017321号 京公网安备11010802016281号