CINXE.COM
Kia | Charging calculator
<!doctype html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="apple-mobile-web-app-title" content="Kia"> <meta name="application-name" content="Kia"> <link rel="shortcut icon" type="image/x-icon" href="https://kia.testdrive.plus/brands/kia/img/favicon/favicon.ico" /> <link rel="apple-touch-icon" sizes="180x180" href="https://kia.testdrive.plus/brands/kia/img/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://kia.testdrive.plus/brands/kia/img/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://kia.testdrive.plus/brands/kia/img/favicon/favicon-16x16.png"> <link rel="mask-icon" href="https://kia.testdrive.plus/brands/kia/img/favicon/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="theme-color" content="#ffffff"> <style> html, body { width: 100%; height: 100%; } </style> <link href="https://kia.testdrive.plus/brands/kia/css/style.css?1730714130" rel="stylesheet"> <link href="https://kia.testdrive.plus/css/font-awesome/css/font-awesome.min.css" rel="stylesheet"> <script src="https://kia.testdrive.plus/js/jquery-3.6.1.min.js"></script> <script src="https://kia.testdrive.plus/js/jquery.slimscroll.min.js"></script> <script src="https://kia.testdrive.plus/js/jquery-dateFormat.min.js"></script> <script src="https://kia.testdrive.plus/js/moment-with-locales.min.js?1706253084"></script> <script src="https://kia.testdrive.plus/js/moment-timezone-with-data.min.js?1636453802"></script> <script src="https://kia.testdrive.plus/js/bootstrap.min.js"></script> <script src="https://kia.testdrive.plus/js/bootbox.min.js"></script> <script src="https://kia.testdrive.plus/js/doT.min.js"></script> <script src="https://kia.testdrive.plus/js/doT.settings.js"></script> <script src="https://kia.testdrive.plus/js/util.js?1723665443"></script> <script> bootbox.setDefaults({ locale: "en" }); moment.locale('en'); var TOKEN = "LkVtR3I2oECryy5fWUFcil9xynIajgHZRykLQSw9"; var SERVER_TIMEZONE = "Europe/Helsinki"; var TIMEZONE = "Europe/Helsinki"; $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': "LkVtR3I2oECryy5fWUFcil9xynIajgHZRykLQSw9" } }); function getToken() { $.ajax({ url: 'https://kia.testdrive.plus/api/v1/generate_token', method: 'GET', contentType: 'application/json', dataType: 'json', success: function(res) { $('.token').val(res.token); $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': res.token } }); setTimeout(getToken, 7140000); } }); } function parseAjaxErrors(xhr, flat) { var errors = {'general': ["error.unknown-error"]}; try { var json = $.parseJSON(xhr.responseText); if ('errors' in json) { errors = json.errors; } if (Object.prototype.toString.call(errors) === '[object Array]') { errors = { 'general': errors }; } } catch (err) { errors = { 'general': [xhr.responseText] }; } if (flat) { var arr = []; for (var i in errors) { for (var j = 0; j < errors[i].length; j++) { arr.push(errors[i][j]); } } return arr; } return errors; } function showAjaxErrors(xhr) { showErrors(parseAjaxErrors(xhr)); } function ajaxErrorsToArray(xhr) { var errors = parseAjaxErrors(xhr); } function showErrors(errors) { var errorTable = '<table class="error-table">'; if (typeof errors === 'string') { errors = { 'general': [errors] }; } for (var i in errors) { for (var j = 0; j < errors[i].length; j++) { errorTable += '<tr><td style="padding: 5px"><i class="fa fa-exclamation-triangle text-danger list-error-icon" aria-hidden="true"></i></td><td style="padding: 5px">'+errors[i][j]+'</td></tr>'; } } errorTable += '</table>'; bootbox.dialog({ message: errorTable, title: 'Error', className: 'validation-error-modal', buttons: { cancel: { label: 'OK', className: 'btn-primary' } } }); } $(function () { setTimeout(getToken, 7140000); }); </script> <title>Kia | Charging calculator</title> </head> <body> <div id="Content"> <link href="https://kia.testdrive.plus/js/bootstrap-slider.min.css" rel="stylesheet"> <script src="https://kia.testdrive.plus/js/bootstrap-slider.min.js"></script> <style> #Content { max-width: 1700px; } .select-vehicle-section .header { height: 500px; background-size: cover; background-position: center top; background-repeat: no-repeat; } @media screen and (max-width: 767px) { .select-vehicle-section .header { height: 200px; margin-left: -30px; margin-right: -30px; } } </style> <script id="SelectVehicleBlockTemplate" type="text/html"> <div class="select-vehicle-block"> <div class="image" style="background-image: url('[[= it.model.image_url ]]');"></div> <div class="model">[[= it.model.name ]]</div> <div class="info"> <div> <div class="info-label">Autonomia (WLTP)</div> <div class="info-value">[[= it.model.range ]] km</div> </div> <div> <div class="info-label">Capacit脿 Batteria</div> <div class="info-value">[[= it.model.battery_capacity_kwh ]] kWh</div> </div> </div> [[? Array.isArray(it.model.effective_power_ac) ]] [[ for (var i = 0; i < it.model.effective_power_ac.length; i++) { ]] <div class="button-wrap button-wrap-with-side-label"> <div class="button-side-label">OBC [[= it.model.effective_power_ac[i] ]] kW</div> <button class="btn btn-primary select-vehicle-button" data-vehicle-model-id="[[! it.model.id ]]" data-effective-power-ac="[[= it.model.effective_power_ac[i] ]]">Simula la ricarica</button> </div> [[ } ]] [[??]] <div class="button-wrap"> <button class="btn btn-primary select-vehicle-button" data-vehicle-model-id="[[! it.model.id ]]">Simula la ricarica</button> </div> [[?]] </div> </script> <script id="SelectedVehicleTemplate" type="text/html"> <div class="selected-vehicle" data-vehicle-model-id="[[! it.model.id ]]" style="background-image: url('[[= it.model.presentation_image_url ]]');"> <div class="btn btn-primary reset-button" onclick="resetView()"><i class="fa fa-arrow-left"></i></div> <div class="info"> <div> <div class="info-value">[[= it.model.name ]]</div> </div> <div> <div class="info-label">Autonomia (WLTP)</div> <div class="info-value">[[= it.model.range ]] km</div> </div> <div> <div class="info-label">Capacit脿 Batteria</div> <div class="info-value">[[= it.model.battery_capacity_kwh ]] kWh</div> </div> </div> </div> </script> <script id="OutputRowTemplate" type="text/html"> <tr> <td> [[? it.charger_type == 'DC' ]] DC (Corrente Continua) [[??]] AC (Corrente Alternata) [[?]] [[= it.power ]] kW </td> <td>[[= it.effective_power ]] kW</td> <td style="white-space: nowrap;"> <div class="time">[[= it.time_str ]]</div> <div class="bar hidden-xs"> <div class="bar-fill-wrap"> <div class="bar-fill" style="width: [[= Math.round(100 * it.sec / it.max_sec) ]]%"></div> </div> </div> </td> </tr> </script> <script type="text/javascript"> var renderSelectVehicleBlock = doT.template(document.getElementById('SelectVehicleBlockTemplate').text); var renderSelectedVehicle = doT.template(document.getElementById('SelectedVehicleTemplate').text); var renderOutputRow = doT.template(document.getElementById('OutputRowTemplate').text); var models = [{"name":"Niro Plug-in Hybrid","energy_system_type":"hybridplugin","battery_capacity_kwh":11.1,"effective_power_ac":3.3,"effective_power_dc":0,"range":65,"vehicle_model_id":390,"id":0,"image_url":"https:\/\/kia.testdrive.plus\/api\/v1\/vehicle_models\/390\/images\/390_1709548638340.png","presentation_image_url":"https:\/\/kia.testdrive.plus\/api\/v1\/vehicle_models\/390\/images\/390_1663911702282.jpg","url":"https:\/\/www.kia.com\/it\/modelli\/niro-sg2\/informazioni\/"},{"name":"Niro EV","energy_system_type":"electric","battery_capacity_kwh":64.8,"effective_power_ac":11,"effective_power_dc":74,"range":460,"vehicle_model_id":388,"id":1,"image_url":"https:\/\/kia.testdrive.plus\/api\/v1\/vehicle_models\/388\/images\/388_1709548617536.png","presentation_image_url":"https:\/\/kia.testdrive.plus\/api\/v1\/vehicle_models\/388\/images\/388_1663911753264.jpg","url":"https:\/\/www.kia.com\/it\/modelli\/niro-sg2\/informazioni\/"},{"name":"Sportage Plug-in Hybrid","energy_system_type":"hybridplugin","battery_capacity_kwh":13.8,"effective_power_ac":7.2,"effective_power_dc":0,"range":70,"vehicle_model_id":545,"id":2,"image_url":"https:\/\/kia.testdrive.plus\/api\/v1\/vehicle_models\/545\/images\/545_1709548676373.png","presentation_image_url":"https:\/\/kia.testdrive.plus\/api\/v1\/vehicle_models\/545\/images\/545_1663744822878.jpg","url":"https:\/\/www.kia.com\/it\/modelli\/sportage-nq5\/informazioni\/"},{"name":"EV6","energy_system_type":"electric","battery_capacity_kwh":77.4,"effective_power_ac":11,"effective_power_dc":240,"range":528,"vehicle_model_id":469,"id":3,"image_url":"https:\/\/kia.testdrive.plus\/api\/v1\/vehicle_models\/469\/images\/469_1709793985090.png","presentation_image_url":"https:\/\/kia.testdrive.plus\/api\/v1\/vehicle_models\/469\/images\/469_16359252361.jpg","url":"https:\/\/www.kia.com\/it\/modelli\/ev6\/informazioni\/"},{"name":"EV9","energy_system_type":"electric","battery_capacity_kwh":99.8,"effective_power_ac":11,"effective_power_dc":240,"range":505,"vehicle_model_id":694,"id":4,"image_url":"https:\/\/kia.testdrive.plus\/api\/v1\/vehicle_models\/694\/images\/694_1709548687988.png","presentation_image_url":"https:\/\/kia.testdrive.plus\/api\/v1\/vehicle_models\/694\/images\/694_1703079058239.jpg","url":null}]; var effectivePowersBySOC = {"AC_2.3":[[0,2.3]],"AC_3.3":[[0,3.3]],"AC_7.2":[[0,7.2]],"AC_20":[[0,20],[95,10]],"DC_20":[[0,20],[95,10]],"DC_50":[[0,46],[75,38],[80,24],[85,23],[95,10]],"DC_100":[[0,77],[45,70],[55,56],[75,38],[80,24],[85,23],[95,10]],"DC_250":[[0,240],[30,190.72],[35,188.16],[40,184.32],[45,177.92],[50,170.24],[55,165.12],[60,151.04],[65,138.24],[70,125.44],[75,110.08],[80,93.44],[85,75.52],[90,56.32],[95,34.56]]}; var modelId = null; var selectedEffectivePowerAc = null; var socSlider = null; function initModels() { for (var i in models) { $('.select-vehicle-wrap').append(renderSelectVehicleBlock({ model: models[i] })); } } function selectModel(id) { $('.select-vehicle-section').hide(); $('.calculator-wrap').show(); $('.selected-vehicle-wrap').html(renderSelectedVehicle({ model: models[id] })); if ('url' in models[id] && models[id].url != null) { $('.btn-more-about-selected-model').text("Scopri di pi霉 su [model]".split('[model]').join(models[id].name)); $('.btn-more-about-selected-model').attr('href', models[id].url); } else { $('.btn-more-about-selected-model').text("Scopri la gamma Kia"); $('.btn-more-about-selected-model').attr('href', "https://www.kia.com/it/modelli/scopri-la-gamma-kia/"); } $(window).scrollTop(0); calculate(); } function resetView() { $('.select-vehicle-section').show(); $('.calculator-wrap').hide(); $(window).scrollTop(0); } function calculate() { var modelId = $('.selected-vehicle').data('vehicle-model-id'); if (modelId === "" || modelId === null || modelId === undefined) { return; } var model = models[modelId]; var atHome = $('#ToggleHomeOrPublic .active').data('value') == "home"; var dcPowers = [250, 100, 50, 20]; var acPowers = [20, 11, 7.2, 3.3]; if (atHome) { dcPowers = []; acPowers = [7.2, 3.3, 2.3]; } var socStart = socSlider.getValue()[0]; var socEnd = socSlider.getValue()[1]; $('#OutputTable tbody').empty(); var sec; var options = []; var maxSec = 0; for (var i = 0; i < dcPowers.length; i++) { if (model.effective_power_dc == 0) continue; sec = calculateChargingSeconds(modelId, socStart, socEnd, 'DC', dcPowers[i]); if (sec > maxSec) { maxSec = sec; } options.push({ at_home: atHome, model: model, charger_type: 'DC', power: dcPowers[i], effective_power: Math.min(dcPowers[i], models[modelId].effective_power_dc), sec: sec, time_str: secToStr(sec) }); } for (var i = 0; i < acPowers.length; i++) { if (model.effective_power_ac == 0) continue; sec = calculateChargingSeconds(modelId, socStart, socEnd, 'AC', acPowers[i]); if (sec > maxSec) { maxSec = sec; } options.push({ at_home: atHome, model: model, charger_type: 'AC', power: acPowers[i], effective_power: Math.min(acPowers[i], (selectedEffectivePowerAc !== null ? selectedEffectivePowerAc : models[modelId].effective_power_ac)), sec: sec, time_str: secToStr(sec) }); } for (var i = 0; i < options.length; i++) { options[i].max_sec = maxSec; $('#OutputTable tbody').append(renderOutputRow(options[i])); } } function calculateChargingSeconds(modelId, socStart, socEnd, type, power) { var capacity = models[modelId].battery_capacity_kwh; var effectivePower = type == 'AC' ? (selectedEffectivePowerAc !== null ? selectedEffectivePowerAc : models[modelId].effective_power_ac) : models[modelId].effective_power_dc; if (power > effectivePower) { power = effectivePower; } var powerAtSOC = (type+'_'+power) in effectivePowersBySOC ? effectivePowersBySOC[type+'_'+power] : null; socStart = parseInt(socStart); socEnd = parseInt(socEnd); if (socStart >= socEnd || !(socStart >= 0 && socStart <= 100) || !(socEnd >= 0 && socEnd <= 100)) { return 0; } var hours = 0; // soc diff: 5% var socDiffKwh = 0.05 * capacity; var s = socStart; var p, socDiffKwh; while (s < socEnd) { p = power; if (powerAtSOC !== null) { for (var i = 0; i < powerAtSOC.length; i++) { if (powerAtSOC[i][0] <= s) { p = powerAtSOC[i][1]; } } } hours += (socDiffKwh / p); s += 5; } return Math.round(hours * 60 * 60); } function secToStr(num) { var hours = Math.floor(num / 3600); var minutes = Math.floor((num - (hours * 3600)) / 60); var seconds = num - (hours * 3600) - (minutes * 60); var res = []; if (hours > 0) { res.push(hours + 'h'); } if (minutes > 0) { res.push(minutes + 'm'); } return res.join(' '); } $(function() { socSlider = $('#SOCSlider').slider({ tooltip: 'hide', formatter: function(value) { calculate(); if (value instanceof Array) { $('#SOCSlider').parent().find('.slider-label-low').text(value[0] + '%'); $('#SOCSlider').parent().find('.slider-label-high').text(value[1] + '%'); } return value + '%'; } }).data('slider'); $(document).on('click', '.select-vehicle-button', function() { if ($(this).data('effective-power-ac') != null) { selectedEffectivePowerAc = $(this).data('effective-power-ac'); } else { selectedEffectivePowerAc = null; } selectModel($(this).data('vehicle-model-id')); }); $(document).on('click', '.btn-toggle', function() { $(this).parent().find('.btn-toggle').removeClass('active'); $(this).addClass('active'); calculate(); }); initModels(); }); </script> <div class="charging-calculator-page"> <div class="container-fluid select-vehicle-section"> <div class="header" style="background-image: url('https://kia.testdrive.plus/brands/kia/img/charging-calculator-header.jpg');"></div> <div class="row"> <div class="col-xs-12 text-center"> <h1>Calcola il tempo di ricarica</h1> <p>Scegli il modello della gamma elettrificata Kia per simulare il tempo di ricarica</p> </div> </div> <div class="row"> <div class="col-xs-12"> <div class="select-vehicle-wrap"></div> </div> </div> </div> <div class="calculator-wrap" style="display: none;"> <div class="selected-vehicle-wrap"></div> <div> <h2 class="text-center">Calcola il tempo di ricarica</h2> </div> <div class="calculator-inputs"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-4 col-sm-offset-2 calculator-input-group"> <label>Stato di carica</label> <div class="slider-wrap"> <div class="slider-label-low">0%</div> <div class="slider-label-high">100%</div> <input type="text" id="SOCSlider" data-slider-min="5" data-slider-max="100" data-slider-step="5" data-slider-value="[25,80]"> </div> </div> <div class="col-xs-12 col-sm-4 calculator-input-group"> <label>Dove stai caricando?</label> <div class="toggle-buttons" id="ToggleHomeOrPublic"> <button class="btn btn-toggle active" data-value="home">Casa</button> <button class="btn btn-toggle" data-value="public">Pubblico</button> </div> </div> </div> </div> </div> <div class="calculator-outputs-wrap"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-8 col-sm-offset-2"> <table class="table" id="OutputTable"> <thead> <tr> <th>Colonnina</th> <th>Potenza massima</th> <th>Tempo</th> </tr> </thead> <tbody></tbody> </table> </div> </div> </div> </div> <div class="row"> <div class="col-xs-12 col-md-6 text-center"> <h2>Interessato a questo modello?</h2> <div style="padding-top: 15px;"> <a href="https://www.kia.com/it/modelli/scopri-la-gamma-kia/" class="btn btn-lg btn-primary btn-more-about-selected-model" target="_blank">Scopri la gamma Kia</a> </div> </div> <div class="col-xs-12 col-md-6 text-center"> <h2>Interessato alle nostre Home box?</h2> <div style="padding-top: 15px;"> <a href="https://www.kia.com/it/tutto-su-kia/scopri-kia/tecnologia/electrification/" class="btn btn-lg btn-primary" target="_blank">Scopri di pi霉</a> </div> </div> </div> <div class="text-center"> <div class="disclaimer">Note legali<br> I valori mostrati nel tool sono a titolo di esempio in quanto sono calcolati matematicamente sulla base dei dati di omologazione WLTP e non tengono in considerazione variabili come lo stile di guida, le variabili climatiche, l'usura del pacco batterie o eventuali modifiche contrattuali. I valori potrebbero non riflettere i risultati di utilizzo reali. Dotazioni opzionali, manutenzione, stile di guida, condizioni meteorologiche e altri fattori di natura non tecnica possono influire sui risultati ufficiali. I valori relativi ai veicoli sopra riportati sono stati determinati nell'ambito del nuovo ciclo di prova WLTP (Worldwide harmonized Light vehicles Test Procedure). Ti invitiamo a rivolgerti alla tua Concessionaria di riferimento per maggiori informazioni sui tempi effettivi di ricarica.</div> </div> </div> </div> </div> </body> </html>