jquery数据表中的时间总和和平均值
在jQuery数据表中计算时间总和和平均值，可以通过以下步骤实现：
- 首先，确保你已经引入了jQuery库，可以通过以下方式引入：<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
- 在HTML中创建一个数据表，其中包含时间列。例如：<table id="data-table"> <thead> <tr> <th>Name</th> <th>Time</th> </tr> </thead> <tbody> <tr> <td>Task 1</td> <td>02:30:00</td> </tr> <tr> <td>Task 2</td> <td>01:45:00</td> </tr> <tr> <td>Task 3</td> <td>03:15:00</td> </tr> </tbody> </table>
- 使用jQuery选择器获取所有时间单元格，并计算它们的总和和平均值。可以使用JavaScript的Date对象来处理时间计算。以下是一个示例代码：$(document).ready(function() { var totalSeconds = 0; var rowCount = 0; $('#data-table tbody tr').each(function() { var timeString = $(this).find('td:eq(1)').text(); var timeParts = timeString.split(':'); var hours = parseInt(timeParts[0]); var minutes = parseInt(timeParts[1]); var seconds = parseInt(timeParts[2]); var totalSecondsForRow = hours * 3600 + minutes * 60 + seconds; totalSeconds += totalSecondsForRow; rowCount++; }); var averageSeconds = totalSeconds / rowCount; var totalTime = new Date(null); totalTime.setSeconds(totalSeconds); var totalTimeString = totalTime.toISOString().substr(11, 8); var averageTime = new Date(null); averageTime.setSeconds(averageSeconds); var averageTimeString = averageTime.toISOString().substr(11, 8); console.log('Total Time: ' + totalTimeString); console.log('Average Time: ' + averageTimeString); });
- 运行代码并在浏览器的开发者工具中查看控制台输出。你将看到计算得到的总时间和平均时间。
这是一个基本的示例，你可以根据实际需求进行修改和扩展。在实际应用中，你可能需要从后端获取数据并动态生成数据表，或者使用其他库来处理时间计算。
相关·内容
2回答
动态表中每一行的计时器
javascript、reactjs
我有一个列作为时间，另一个列作为计时器。在time列中，我有一个请求创建时间，而在timer列中，我希望将定时器从请求创建时间设置为当前IST时间。
比如，如果我有1562307956195的创建时间，那么我希望我的计时器是15h20m，并且每秒钟都会增加。
桌子有点像这样
<Table>
<thead>
<tr>
<th>Creation Time</th>
<th>Time Spent</th>
浏览 1提问于2019-07-08得票数 1
1回答
在不工作的表中显示ajax响应
javascript、php、jquery、ajax
我有一个剧本，我不知道我在这里错过了什么：
$(document).on('click','.btn-start-timer',function(){
var id = $(this).val(),
time = $(this).parent().parent().find('.rendered_time').text();
//console.log(time)
var i = window.setInterval(f
浏览 2提问于2013-12-13得票数 1
回答已采纳
2回答
带有JavaScript的倒计时器在smarty中不起作用
javascript、smarty
大家好，我用Smarty()和JavaScript制作了一个带倒计时器的表，看起来一切正常，但我不知道为什么我的倒计时器只有一行结果，如果可能的话，看看我的代码，告诉我我能做什么，谢谢所有的程序员。祝你今天愉快。
HTML：
<table class="table table-striped table-hover" id="datatable3" cellspacing="0" width="100%">
<thead>
<tr>
<th&
浏览 1提问于2016-02-10得票数 0
2回答
jQuery -更改滑块值并保存
jquery、dynamic、slider、edit
我想写一个表格行编辑/保存函数，我可以选中复选框来向我的表格规则添加新的日期，当我单击编辑按钮时，它将显示与表格规则的日期值相匹配的原始复选框。现在的问题是，我希望滑块时间也能做到这一点，如果我点击编辑按钮，它将显示正确的滑块匹配表规则的时间值，并动态更改时间值当人们滑动滑块，然后，人们也可以保存新的时间值。有人能帮上忙吗？
$('#sliderTime').slider({
range: true,
min: 0,
max: 1440,
step: 60,
values: [400, 920],
slide: function (e, ui) {
浏览 4提问于2015-11-11得票数 0
1回答
引导新手，我希望表1的函数在表2中不同
javascript、html、bootstrap-4、html-table
我有一个独特的错误，我无法修复它。问题是，我有一个时间表表，允许我在其中添加多个数据。我希望它只出现在表#1上，但只要我单击表中的+符号，表2中就会显示相同的数据，我已经检查了不同的站点。但我找不到合适的答案。请帮帮我。这是我的表1的代码
$(function () {
var TABLE = $(".table");
//start time
var start_time;
var end_time;
var break_time_start;
var break_time_end;
var end_time;
var add_time;
浏览 2提问于2022-08-17得票数 0
1回答
无法使用jquery获取正确的平均持续时间
jquery、asp.net-mvc
我有创建和日志工具，它跟踪条目创建日期时间，条目开始日期时间，条目结束日期时间。 如何才能得到平均值，请参见下面的示例 个人的2个条目如下00:04:21和00:21:04 我从jquery代码中获得了这些条目 <script>
$(document).ready(function () {
var pad = function (num) { return ("0" + num).slice(-2); }
var totalSeconds = 0;
var reslength = $(".
浏览 9提问于2020-10-24得票数 1
回答已采纳
1回答
当前日期和时间javascript不显示
javascript、jquery、html
我有以下代码，我试图插入当前日期和大部头，但似乎没有什么工作。请帮帮忙。我想把它插入到“护照设施等待时间”下面。我已经添加了函数和多个功能，但有时它不显示任何内容，或者不做任何事情
<!DOCTYPE html>
<html>
<head>
<title>IWT</title>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="IE=11">
&
浏览 0提问于2018-11-22得票数 0
2回答
使用Javascript处理格式化时间
javascript、time
假设我有一个电视节目的开始和持续时间，格式是：10:05。
我想要做的是，当有人输入程序数据时，他输入了程序的开始时间和持续时间，我的代码会将它们相加，并自动填充下一个程序的开始时间。
我试图将这些时间转换为秒，然后在操作之后再次将它们转换为格式化的时间，但我不知道如何才能做到这一点。
function processTime(time) {
if (typeof time !== 'undefined') {
var times = time.split(":");
var minutes = times[0];
浏览 0提问于2013-04-23得票数 0
回答已采纳
1回答
如何在模板中显示hasMany模型属性
javascript、ember.js、handlebars.js、ember-data
我有这样的模型：
var attr = DS.attr,
belongsTo = DS.belongsTo,
hasMany = DS.hasMany;
Shoutzor.Album = DS.Model.extend({
artist: belongsTo('artist'),
title: attr('string'),
cover: attr('string')
});
Shoutzor.Artist = DS.Model.extend({
name: attr('string&#
浏览 1提问于2013-10-20得票数 1
回答已采纳
1回答
使用数据表添加总时间
javascript、html、datatables
下面的表格显示了开始时间和结束时间之间的差异。之后，我打算根据我在表格中所做的研究，将这次的差异相加。 我使用下面显示的代码执行此操作，并使用该代码添加以小时为单位的差值列的总和。 (function ($) {
$(document).ready(function() {
var table = $('#employeee1').DataTable({
"footerCallback": function ( row, data, start, end, display ) {
var api =
浏览 19提问于2021-10-12得票数 0
回答已采纳
1回答
每块桌子上的计时器
javascript、php、sql
我想为每一行添加一个运行时间/秒表，显示在每个进程中花费的时间。计时器只显示在第一行，其余的没有显示。
要使用的日期将来自数据库。
下面是我的代码片段供参考：
<?php
echo "<h2>On-Going Repairs</h2>";
$query = "SELECT tca_ro, tca_csplate, tca_name, tca_start, tca_process FROM tcs.tca_bp_process WHERE date(tca_start) = curdate() AND tca_status =
浏览 3提问于2022-05-31得票数 -1
2回答
数据历史值将在浏览器刷新后保持不变。
javascript、local-storage
在我的停止观察历史表中，它显示了开始时间、结束时间、长度、时间之间的历史。但是如果我刷新浏览器，那么前面的值就消失了。我需要以前的数据将保留下一次，数据将存储在本地存储。
谢谢你的帮助。
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.3.2.js"></script>
<script type="text/javascript">
func
浏览 0提问于2014-03-21得票数 1
回答已采纳
1回答
jQuery编辑和克隆滑块
jquery、slider、clone
我正在编写一个jQuery滑块的克隆函数，在从滑块中添加新的时间后，我想用编辑按钮更改时间，但是当我单击“编辑”按钮时，滑块不能滑动，时间不对，滑块显示原始滑块的时间，而不是我添加的时间，如何修复它？
$('#slider').slider({
range: true,
min: 0,
max: 1440,
step: 60,
values: [400, 920],
slide: function (e, ui) {
var hours1 = Math.floor(ui.values[0] / 60);
var minutes1 = ui.va
浏览 5提问于2015-11-11得票数 0
回答已采纳
3回答
动态表第一行需要先播种。
javascript、html、stopwatch
我找到了javascript源代码，它可以动态显示表中数据的开始时间、结束时间和两个时间间隔之间的时间。这里的第一行是在下一次点击后下降，但我需要第一行将保留在下一次单击之后，下一行数据将一个接一个地显示。
感谢所有
enter code here
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.3.2.js"></script>
<script type="text/j
浏览 1提问于2014-01-23得票数 1
回答已采纳
2回答
倒计时器不工作于格林尼治时间
php、javascript、html
我有倒计时，这不会占用格林尼治时间。
我希望它有格林尼治时间。伦敦时间似乎是+1。
现场演示：
这似乎是实际的日期:有一些错误，或者我不知道它需要什么时间。我要用格林尼治时间和日期
这是我的代码：
<?php
$dateFormat = "Y-m-d H:i:s";
$targetDate = mktime(15,00,00,9,26,2012);
$actualDate = time();
$secondsDiff = $targetDate - $actualDate;
$remainingDay = floor($secondsDiff/60/60/24);
浏览 0提问于2012-09-26得票数 2
回答已采纳
1回答
Chrome扩展:以毫秒为单位计算，并在特定秒后单击按钮
javascript、html、google-chrome-extension、settimeout
嗯，我在练习Chrome扩展，我是新手。
这是我的密码。
popup.html
<!doctype html>
<html>
<head>
<title>Laser Script</title>
<script type="text/javascript" src="popup.js"></script>
<style type="text/css">
h1 { fon
浏览 0提问于2021-03-29得票数 0
1回答
jQuery避免双重克隆
jquery、slider、clone
我有这个，当我点击添加按钮多次，编辑按钮超过两次，滑块在编辑模式下没有显示正确的时间，并双克隆滑块，如何修复它？
loadslides();
function loadslides(){
var sliders = $('.slider');
sliders.each(function(){
$(this).slider({
range: true,
min: 0,
max: 1440,
step: 60,
浏览 0提问于2015-11-12得票数 1
2回答
日数之和如何显示日数？
jquery
我有一个动态生成的div负载，其中包含一个时间字符串，例如0:03:15。这是歌曲持续时间。我有一个脚本，它将这些时间相加在一起，并显示时间的总和，但是我只能有几个小时、几分钟和几秒的时间来工作。我想得到几天，几个小时，几分钟和几秒。
下面是我尝试过的一些新手的代码：
function getSeconds(time) {
var parts = time.split(":");
return parseInt(parts[0], 12) * 86400 + parseInt(parts[1], 10) * 3600 + parseInt(parts[2], 10) *
浏览 3提问于2017-10-13得票数 0
回答已采纳
2回答
如何使用jquery计算html表中的行
javascript、jquery、html、time
我想逐行计算时间。在下面的代码中，只有第一行显示总计和加班费。但是我想看到所有的行都做同样的事情。
Html：
<table border=1>
<tr><th>Time In</th><th>Time Out</th><th>Lunch</th><th>After Lunch Time in</th><th>After Lunch Time out</th><th>Total Hours</th><th>Overt
浏览 0提问于2015-10-28得票数 0
回答已采纳
2回答
一个月中的每个星期天如何倒计时？
javascript、jquery、counter、countdown
我的网站上有一个倒计时，我希望它倒计时到下个星期天上午11:00，当星期日上午11:01，我希望它自动倒计时到下一个星期天上午11:00，我想每个月重复。
我有这个剧本，但似乎不能让它起作用，有人能帮我吗？
提前感谢
这是我的html..。
<div class="eventtd">
<div class="nextevt">Next Service Start In:</div>
<div class="time" contents="2" rel=
浏览 3提问于2013-07-26得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
