-
-
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
然后选中结构树的页面在事件中写自定义脚本
脚本内容为：
复制代码最后效果
1.需求场景
需要在门户中展示精确到时分秒的文本并且需要实时刷新的效果，可以参照在报表上设置实时时间文本的客户端脚本帖子https://bbs.esensoft.com/thread-131404-1-1.html修改取元素的方式完成该需求。
2.具体操作
现在门户中拖入文本组件，它的组件标识为text1
然后选中结构树的页面在事件中写自定义脚本
脚本内容为：
- setInterval(function(){
- var date = new Date();
- var year = date.getFullYear(); //获取当前年份
- var mon = date.getMonth()+1; //获取当前月份
- var da = date.getDate(); //获取当前日
- var h = date.getHours(); //获取小时
- if(h<10){ //不足两位自动补位
- h="0"+h;
- }
- var m = date.getMinutes(); //获取分钟
- if(m<10){//不足两位自动补位
- m="0"+m;
- }
- var s = date.getSeconds(); //获取秒
- if(s<10){//不足两位自动补位
- s="0"+s;
- }
- var a = new Array("日", "一", "二", "三", "四", "五", "六");
- var week = date.getDay();
- var d = $('div[data-id="text1"]');//这里的text1为文本组件标识
- var d1 = d.children()[0];
- //可以在此处修改文本样式
- d1.style.fontSize = "20px";
- d1.style.color = "#ff0836";
- d1.innerHTML=year+'年'+mon+'月'+da+'日'+' '+'星期'+a[week]+' '+h+':'+m+':'+s;
- },1000);
