=INDEX(H3:H1200,MATCH($B$2/$B$3,J3:J1200,-1))

时间: 2023-09-25 11:14:23 浏览: 20
这是一个Excel的公式,用于在范围J3:J1200中查找最接近于$B$2/$B$3的值,并返回相应的H3:H1200范围内对应位置的值。具体的计算过程是使用MATCH函数在J3:J1200范围内查找最大值,然后使用INDEX函数返回对应位置的值。 如果您有其他关于Excel公式或数据处理的问题,请随时提问。
相关问题

<h3 id="lyrics">歌词</h3> <hr style="border: none; height: 3px; width: 80%; background-color: black; margin: 0 10%;"/> <div class="mt-4 mb-3 content" id="md-content" style="text-align: center"> <textarea style="display: none" th:utext="${music.lyric}"></textarea> </div>如果是这样传入歌词呢?

如果你想通过一个 `<textarea>` 元素来传入歌词,并实现歌词滚动,可以将 HTML 模板中的歌词部分修改成以下代码: ```html <h3 id="lyrics">歌词</h3> <hr style="border: none; height: 3px; width: 80%; background-color: black; margin: 0 10%;"/> <div class="mt-4 mb-3 content" id="md-content" style="text-align: center"> <div id="lyrics"> <!-- 使用模板语法获取歌词 --> <p v-for="(line, index) in lyricLines" :key="index">{{ line }}</p> </div> </div> <textarea id="lyric-textarea" style="display: none">{{ music.lyric }}</textarea> ``` 在这个代码中,我们使用了一个 `<textarea>` 元素来存储歌词文本,然后通过 Vue.js 的模板语法 `v-for` 来遍历歌词文本中的每一行,并将它们分别显示在一个 `p` 元素中。这里需要在 Vue 实例中定义一个计算属性 `lyricLines`,它会将歌词文本分割成行数组,并返回该数组。由于 `<textarea>` 元素的内容会被转义,因此我们使用了 `th:utext` 来告诉 Thymeleaf 不要转义文本。 下面是 Vue 实例的代码: ```js new Vue({ el: '#md-content', data: { music: { // ... }, lyricText: '', }, computed: { // 将歌词文本分割成行数组 lyricLines: function() { return this.lyricText.split('\n'); }, }, mounted: function() { // 获取歌词文本 this.lyricText = document.querySelector('#lyric-textarea').value; // 监听播放器的 timeupdate 事件 var player = document.querySelector('#player'); var lyrics = document.querySelector('#lyrics'); var lyricLines = this.lyricLines; player.addEventListener('timeupdate', function() { // 计算当前播放时间对应的歌词行 var currentTime = this.currentTime; for (var i = 0; i < lyricLines.length; i++) { var match = lyricLines[i].match(/^\[(\d{2}):(\d{2})\.(\d{2})\](.*)$/); if (match && match[1] && match[2] && match[3] && match[4]) { var time = parseInt(match[1]) * 60 + parseInt(match[2]) + parseInt(match[3]) / 100; if (currentTime >= time && (!lyricLines[i + 1] || currentTime < parseInt(lyricLines[i + 1].match(/^\[(\d{2}):(\d{2})\.(\d{2})\]/)[1]) * 60 + parseInt(lyricLines[i + 1].match(/^\[(\d{2}):(\d{2})\.(\d{2})\]/)[2]) + parseInt(lyricLines[i + 1].match(/^\[(\d{2}):(\d{2})\.(\d{2})\]/)[3]) / 100)) { // 当前播放时间对应的歌词行 var currentLine = i; break; } } } // 滚动到当前歌词行 var currentElement = lyrics.querySelectorAll('p')[currentLine]; if (currentElement) { lyrics.scrollTop = currentElement.offsetTop - lyrics.offsetTop; } }); }, }); ``` 在这个代码中,我们使用了 Vue.js 的生命周期钩子函数 `mounted` 来在组件挂载后获取歌词文本,并监听播放器的 `timeupdate` 事件来动态更新歌词滚动。由于 `<textarea>` 元素的内容会被转义,我们需要在 `mounted` 钩子函数中通过 `document.querySelector('#lyric-textarea').value` 来获取原始的歌词文本。

<h3>日期格式化:</h3> <c:set var="now" value="<%=new java.util.Date()%>" /> <p>日期格式化 (1): <fmt:formatDate type="time" value="${now}" /></p> <p>日期格式化 (2): <fmt:formatDate type="date" value="${now}" /></p> <p>日期格式化 (3): <fmt:formatDate type="both" value="${now}" /></p> <p>日期格式化 (4): <fmt:formatDate type="both" dateStyle="short" timeStyle="short" value="${now}" /></p> <p>日期格式化 (5): <fmt:formatDate type="both" dateStyle="medium" timeStyle="medium" value="${now}" /></p> <p>日期格式化 (6): <fmt:formatDate type="both" dateStyle="long" timeStyle="long" value="${now}" /></p> <p>日期格式化 (7): <fmt:formatDate pattern="yyyy-MM-dd" value="${now}" /></p>

这是一个使用 JSP 标签库中的 fmt 标签进行日期格式化的示例。在这个示例中,使用了 fmt:formatDate 标签,它可以将一个 Java 日期对象按照指定的格式进行格式化,并将格式化后的结果输出到 JSP 页面上。在这个示例中,使用了七种不同的格式化方式,包括只显示时间、只显示日期、同时显示日期和时间等。其中,第七种方式还使用了自定义的日期格式字符串来指定日期的具体格式。

相关推荐

最新推荐

recommend-type

H3C_端口802.1X认证基础配置案例

H3C_端口802.1X认证基础配置案例,原创文档。 适用于H3CV7版本的网络设备,包括交换机、路由器等。 搭建环境为HCL3.0.1,适用于刚入门的网络工程师学习参考。
recommend-type

H3C V7 ipsec主:野蛮模式配置脚本.pdf

H3C V7 ipsec主:野蛮模式配置脚本.pdf
recommend-type

H3C认证工程师-MSA存储 GB0-670.docx

H3CNE-MSA(H3C Certified network engineer for MSA,H3C认证工程师-MSA存储)定位于H3C代理的MSA存储设备的基础配置和维护技术,通过H3CNE-MSA认证将证明您了解了H3C代理的MSA存储设备的基础技术特性,掌握了相关...
recommend-type

H3C-MSR路由器升级指导.docx

H3C-MSR系列路由器升级指导,包括常规ctl升级,bootroom升级等方式,升级包应提前下载好,本地电脑配置tftp或ftp
recommend-type

H3C-WLAN--题库--_GB0-340.pdf

H3C-WLAN--题库--_GB0-340 华三最新的WLAN题库,资源难找,请大家自行下载,可以帮助您顺利通过考试
recommend-type

zigbee-cluster-library-specification

最新的zigbee-cluster-library-specification说明文档。
recommend-type

管理建模和仿真的文件

管理Boualem Benatallah引用此版本:布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学,1996年。法语。NNT:电话:00345357HAL ID:电话:00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆,用于存放和传播科学研究论文,无论它们是否被公开。论文可以来自法国或国外的教学和研究机构,也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
recommend-type

MATLAB柱状图在信号处理中的应用:可视化信号特征和频谱分析

![matlab画柱状图](https://img-blog.csdnimg.cn/3f32348f1c9c4481a6f5931993732f97.png) # 1. MATLAB柱状图概述** MATLAB柱状图是一种图形化工具,用于可视化数据中不同类别或组的分布情况。它通过绘制垂直条形来表示每个类别或组中的数据值。柱状图在信号处理中广泛用于可视化信号特征和进行频谱分析。 柱状图的优点在于其简单易懂,能够直观地展示数据分布。在信号处理中,柱状图可以帮助工程师识别信号中的模式、趋势和异常情况,从而为信号分析和处理提供有价值的见解。 # 2. 柱状图在信号处理中的应用 柱状图在信号处理
recommend-type

用Spring boot和vue写一个登录注册界面

好的,这是一个比较常见的技术问题,我可以为您提供一些参考资料和思路。首先,您可以使用Spring Boot作为后端框架来处理用户认证和注册的逻辑,比如使用Spring Security实现用户登录认证。同时,您还需要设计相应的数据模型和数据库表结构来存储用户信息。在前端方面,您可以使用Vue.js作为框架来构建登录注册页面,使用Axios来发起API请求并和后端进行交互。当然,在实现过程中,还需要考虑一些具体细节,比如数据校验、安全性和用户体验等方面。希望这些信息能够帮助到您。
recommend-type

JSBSim Reference Manual

JSBSim参考手册,其中包含JSBSim简介,JSBSim配置文件xml的编写语法,编程手册以及一些应用实例等。其中有部分内容还没有写完,估计有生之年很难看到完整版了,但是内容还是很有参考价值的。