当前位置: 首页 > wzjs >正文

深圳哪里有做网站网站需求分析报告

深圳哪里有做网站,网站需求分析报告,wordpress知识库模板,开发软件是什么专业直接拿去玩吧,花了我两个小时。 搜了b站和百度都没找到像样的,就决定自己干一个了。 先看效果: 起个度量值,然后去power bi 插件那边搜索html Content,把这个放进html content插件的字段values即可。 HTML倒计时每周…

直接拿去玩吧,花了我两个小时。
搜了b站和百度都没找到像样的,就决定自己干一个了。

先看效果:
在这里插入图片描述

起个度量值,然后去power bi 插件那边搜索html Content,把这个放进html content插件的字段values即可。

HTML倒计时每周一18点循环版 = 
"
<div style='text-align:center; padding:20px; background: #fff; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1);'><div style='margin-bottom: 15px; font-family: Arial; color: #444;'><span style='font-size: 18px;'>数据更新倒计时</span><span id='countdown' style='font-size: 24px; margin-left: 10px; color: #d32f2f;'>00天 00时 00分 00秒</span></div><svg width='300' height='30' xmlns='http://www.w3.org/2000/svg' style='overflow: visible;'><rect width='100%' height='20' rx='10' fill='#f0f0f0'></rect><defs><linearGradient id='barGradient' x1='0%' y1='0%' x2='100%' y2='0%' gradientUnits='userSpaceOnUse'><stop id='gradientStart' offset='0%' stop-color='#ff6b6b'/><stop id='gradientEnd' offset='100%' stop-color='#d32f2f'/></linearGradient></defs><path id='progress' d='M10,10 L290,10' stroke='url(#barGradient)' stroke-width='20'stroke-linecap='round' fill='none' stroke-dasharray='0 280'/></svg>
</div><script>// 计算下一个周一 18:00function getNextMonday6PM() {var now = new Date();var day = now.getDay();           var offset = (1 - day + 7) % 7;   if(offset === 0 && now.getHours() >= 18) {offset = 7;}var target = new Date(now);target.setDate(now.getDate() + offset);target.setHours(18,0,0,0);return target;}var pathLength = 280;var elements = {progressBar: document.getElementById('progress'),gradientStart: document.getElementById('gradientStart'),gradientEnd: document.getElementById('gradientEnd'),countdown: document.getElementById('countdown')};var targetTime = getNextMonday6PM();var initialSeconds = Math.round((targetTime - new Date()) / 1000);function formatCountdown(sec) {var days = Math.floor(sec / 86400),hrs  = Math.floor((sec % 86400) / 3600),mins = Math.floor((sec % 3600) / 60),secs = sec % 60;var d = days < 10 ? '0' + days : days;var h = hrs   < 10 ? '0' + hrs   : hrs;var m = mins  < 10 ? '0' + mins  : mins;var s = secs  < 10 ? '0' + secs  : secs;return d + '天 ' + h + '时 ' + m + '分 ' + s + '秒';}function updateProgress() {var now = new Date();if(now >= targetTime) {targetTime = getNextMonday6PM();initialSeconds = Math.round((targetTime - now) / 1000);}var remaining = Math.round((targetTime - now) / 1000);var progress  = (initialSeconds - remaining) / initialSeconds * pathLength;elements.progressBar.setAttribute('stroke-dasharray', progress + ' ' + pathLength);elements.countdown.textContent = formatCountdown(remaining);var pct = remaining / initialSeconds;elements.gradientStart.setAttribute('stop-color','hsl(0,' + (80 + 20 * (1 - pct)) + '%,60%)');elements.gradientEnd.setAttribute('stop-color','hsl(0,' + (60 + 40 * (1 - pct)) + '%,40%)');}// 立刻执行并开始每秒更新updateProgress();setInterval(updateProgress, 1000);
</script><style>/* 1s 线性过渡,同步每秒步进,消除闪烁 */#progress {transition: stroke-dasharray 1s linear !important;will-change: stroke-dasharray;}
</style>
"
http://www.dtcms.com/wzjs/560904.html

相关文章:

  • 江苏网站开发盘锦做网站建设的
  • wordpress 建站容易吗建设网站是否应当摊销
  • 东营市建设项目工伤保险是哪个网站东圃做网站的公司
  • 做教育网站有什么好处论坛程序做导航网站
  • 东营长安网站建设如何给网站加二级域名
  • 头条网站开发云南俊发建设集团网站
  • 软件开发建设网站宁波seo推广咨询
  • 仿腾讯游戏网站源码wordpress文章页样式修改
  • 个人备案能做公司网站吗常用个人网站是什么
  • 展示型网站包含哪些模块成都犀牛网站建设
  • 免费公司建站网站设计怎么自学
  • 营销型网站应必备的七大功能网站的字体做多大合适
  • 根据网站做软件h5类型的网站是怎么做的
  • 教育行业网站模板网站建设需要费用
  • 什么网站做推广seo 论坛
  • 微信网页版怎么下载泰州网站关键词优化
  • 百度智能建站系统网站推广与维护有什么不同
  • 如何做好网站内容怎么制作网站后台
  • 404错误直接转向到网站首页公司网站开发费用记入什么科止
  • 网站平台建设模板网站建设实战视频教程
  • 导航wordpress模板下载关键词优化到首页怎么做到的
  • 没备案的网站简单的个人简历网页代码
  • 可用来做外链推广的网站郑州室内设计学校
  • 单位网站建设需要哪些技术六安政务中心网站
  • 软件下载网站知乎东莞有哪些做网站
  • 有做学历在网站能查的到的不知名网站开发
  • 政务网站建设工作总结电商网站的意义
  • 网站建设教程 湖南岚鸿做装修网站卖钱
  • 制作网站的公司做网站去哪里找潍坊知名网站建设价格低
  • 做网站工作图国外开源建站系统