QML JS封装播放器时间格式显示

最新推荐文章于 2023-12-20 16:32:44 发布
原创 最新推荐文章于 2023-12-20 16:32:44 发布 · 717 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#time #播放器时间 #格式化时间

本文介绍了一个用于将秒数转换为标准时间格式（小时:分钟:秒）的JavaScript函数。该函数能够正确处理从秒到小时的转换，并通过补零确保输出格式统一。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

/*
 * 函  数: dateFormat
 * 功  能: 时间字符串转换函数
 * 参  数: nSeconds [in] 传入的时间值 单位S
 * 返回值: 无
 */


function dateFormat(second){


    var timeTxt="";


    var hh,mm,ss;




    hh = second / 3600 | 0;


    second = Math.round(second) - hh * 3600;


    mm = second / 60 | 0;


    ss = Math.round(second) - mm * 60;




    if(hh!==0)


    {


        if(hh<10)


        {


            timeTxt =   "0"+hh+":";


        }


        else


        {


            timeTxt =   hh+":";


        }


    }


    if(mm<10)


    {


        mm  =   "0"+mm;


    }


    timeTxt =   timeTxt+mm;




    if(ss<10)


    {


        ss  =   "0"+ss;


    }


    timeTxt =   timeTxt+":"+ss;




    return  timeTxt;




}


出来效果如： 01:07 和 05:05 字符串拼接下 就如 01:07 / 05:05 显示播放时间了


                

        

    

    
  



    



                



	

		

			

				
					
QML中的Date将时间戳和指定格式时间互转

				
			

			

				

					u013798595的博客
				

				

					08-04
					
					654
					
				

			

		

		

			
				
在QML中，可以通过使用JavaScript来处理日期和时间的转换，其中包括将时间戳转换为指定格式的时间字符串，以及将时间字符串解析为时间戳的操作。

			
		

	



                

            
              



	

		

			

				
					
QML基础：QML日期类型Date

				
			

			

				

					fengyanyu68的博客
				

				

					07-15
					
					4252
					
				

			

		

		

			
				
引言
用了N年的QWidget，因为项目需求而开始学习QML做一些动态的界面，下面开始记录学习QML的新路历程。
注：学习有误的望指点一二，不喜勿喷！！！
日期类型Date
方法：

string fromLocaleDateString(locale, dateString, format)
string fromLocaleString(locale, dateTimeString, format)
string fromLocaleTimeString(locale, timeString, form

			
		

	



              


  
              

                


	

		

			

				
					
QML+Chart.js 实现图表显示

				
			

			

				

					10-26
				

			

		

		

			
				
QML+Chart.js 实现图表显示qml封装
charts.js，支持基本的图表类型：柱形图、饼形图、环形图、折线图、极坐标图、雷达图。

			
		

	





	

		

			

				
					
QML组件

				
			

			

				

					lu750310的博客
				

				

					03-15
					
					179
					
				

			

		

		

			
				
自定义QML组件

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.5
import QtQuick.Controls 1.4 as Ctr1
import QtQuick.Layouts 1.2
import './Text.js' as Jie

Window{
    id:window
    width:640
    height:480
    visible: true
    title:".

			
		

	



		

			
		



	

		

			

				
					
日期时间编辑器（模拟QDateTimeEdit的自定义控件）——QML

				
			

			

				

					xiaopei_yan的博客
				

				

					08-06
					
					3689
					
				

			

		

		

			
				
前言

现在比较闲，我就把手上的项目写了两个版本：一版QtWidgets c++实现的；另一版 qml 加少量c++实现的（当然还没写完）。可能我用QtWidgets用习惯了，感觉qml少很多控件，然后很多东西需要自己写：我发现qml没有时间日期编辑器/选择器，所以我模仿了QDateTimeEdit，根据思路的不同写了两个版本。



代码和说明

QDateTimeEdit可以通过两种方式修改：一则是直接编辑修改；二呢，是通过按钮上下调。

为了直接修改，时间数据不会错，所以我加了验证器（validat.

			
		

	





	

		

			

				
					
Qml中实现对原始视频图像格式(YUV / RGB)支持

				
			

			

				

					04-11
				

			

		

		

			
				
在Qt的QML环境中，开发一个能够处理原始视频图像格式，如YUV或RGB的应用，是一种常见的需求。这里我们将深入探讨如何在QML中利用`VideoOutput`组件以及自定义的`QVideoFrame`来实现对这些原始视频格式的支持。  首先...

			
		

	





	

		

			

				
					
封装使用自己的QML自定义模块

				
			

			

				

					qq_39220573的博客
				

				

					03-15
					
					1130
					
				

			

		

		

			
				
如何封装并使用自己的自定义模块

首先需要建立自己的qrc文件，文件名和前缀最好与设置的模块名同名
编写qmldir文件，例子如下：

module Selfui
SelfText 1.0 Widget/SelfText .qml
SelfButton1.0 Widget/SelfButton1.0.qml


准备工作就绪，接下来是要使用到自己的项目中

在CMAKE项目中使用

在你的项目新建一个xxx.cmake文件（xxx与模块名一致）,例子内容如下：

set(SelfuiPath ${CMAKE

			
		

	





	

		

			

				
					
QT 3D显示例子+qml加载

					
最新发布

				
			

			

				

					06-17
				

			

		

		

			
				
在进行QT 3D开发时，一个典型的工作流程可能包括：使用3D建模软件创建模型，导出为可以被QT 3D引擎识别的格式，然后在QML文件中通过指定的URI（统一资源标识符）引用这些模型。QML文件中可以定义光源、相机、材质...

			
		

	





	

		

			

				
					
qml自定义信息提示框

				
			

			

				

					10-28
				

			

		

		

			
				
在"qml自定义信息提示框"的场景中，我们需要创建一个组件，它能够显示信息并根据信息的量自动调整大小。这通常涉及到以下步骤：  1. **定义组件**：首先，我们需要定义一个新的QML类型，比如`CustomMessageDialog`。...

			
		

	





	

		

			

				
					
qml中关于播放视频超过一个小时的时间显示

				
			

			

				

					xi__q的专栏
				

				

					05-24
					
					806
					
				

			

		

		

			
				
一些个人碰到的问题，qml中获取视频时间显示的问题， 
主要是超过一个小时的，下面是在qml中写的转换函数property var utilData: new Data(); 
function msecsToString(msecs,bh) 
{ 
    utilData.setTime(msecs);   //转换成时间格式 
    var ih = msecs/3600000;   //获

			
		

	





	

		

			

				
					
qml实现简单的时间选择控件

				
			

			

				

					08-02
				

			

		

		

			
				
qml实现简单的时间选择控件

			
		

	





	

		

			

				
					
自编Qml时间控件（实用）

				
			

			

				

					12-21
				

			

		

		

			
				
笔者在开发产品时，由于使用的是qt4.8系列的版本，用qml编写一个闹钟，要选择时间，系统自带没有时间控件。这时候也需要使用这一个时间控件，这时候就必须要自己写一个时间控件，分享给大家。

			
		

	





	

		

			

				
					
QT  获取当前系统时间并格式化输出

				
			

			

				

					Petter.Zhu的博客
				

				

					01-12
					
					7659
					
				

			

		

		

			
				
#include <QDate>
#include <QTime>
#include <QDateTime>

QDate::currentDate().toString("yyyy-MM-dd");
QTime::currentTime().toString("HH:mm:ss");
QTime::currentTime().toString("HH:mm:...

			
		

	





	

		

			

				
					
【Qt】Qt QML获取当前时间的各种方式

				
			

			

				

					-凌凌漆-的博客
				

				

					12-20
					
					1929
					
				

			

		

		

			
				
【代码】【Qt】Qt QML获取当前时间的各种方式。

			
		

	





	

		

			

				
					
QML类型说明-Date

				
			

			

				

					杞櫹椅桐的专栏
				

				

					09-04
					
					4037
					
				

			

		

		

			
				
Date
ImportStatement:   import QtQml 2.2
 
Methods
stringfromLocaleDateString(locale, dateString, format)
stringfromLocaleString(locale, dateTimeString, format)
stringfromLocaleTimeString(locale

			
		

	





	

		

			

				
					
qml之Date的学习使用

				
			

			

				

					chenyijun的专栏
				

				

					01-14
					
					1027
					
				

			

		

		

			
				
在qml中使用Date来获取时间，这个不只是显示在界面上，还有一个很实用的方式是用来获取程序的执行时间，比如，你想知道一个执行一个函数花了多上时间，就可以在调用函数之前获取一个本地是间，函数结束之后再获取一下时间，这个时间对比一下就可以知道函数的运行时间了，其他QDate有很多函数，不知道什么原因，帮助文档里只写了7个，这些获取年份，月份，小时等单独的函数都没有写，这里记录一下，QDate的所有函数：

			
		

	





	

		

			

				
					
QML 自定义控件 时间滚筒控件

				
			

			

				

					u013163634的博客
				

				

					04-28
					
					1419
					
				

			

		

		

			
				
QML 仿手机时间滚筒控件

效果：共3中模式 "Date" | "Time" |"DateTime"





main.qml


    MouseArea{
        anchors.fill: parent
        onClicked: {
            dlg.exec(Qt.formatDateTime(new Date(), "yyyy-MM-dd hh:mm:ss"));
        }
    }

    DateTimeDialog{
      ...

			
		

	





	

		

			

				
					
WebView的用法

				
			

			

				

					sinat_30198445的博客
				

				

					10-12
					
					265
					
				

			

		

		

			
				
1.settings = webView.getSettings(); 
        settings.setJavaScriptEnabled(true); 
        设置支持js 
2. 
可以设置网页开始和结束地方回调，使用Webviw加载网络webView.setWebViewClient(new WebViewClient() {
            @Override

			
		

	





	

		

			

				
					
Qml中Date日期时间的值传递

				
			

			

				

					zjgo007的专栏
				

				

					12-27
					
					3201
					
				

			

		

		

			
				
在qml中需要对日期时间值进行传递，不能直接采用赋值传递的方式，否则仅仅只传递了Date的指针，并没有对数值内容进行复制

			
		

	





	

		

			

				
					
Qt QML封装charts.js实现多图表支持

				
			

			

				

					
				

			

		

		

			
				
描述中提到的“charts.js 的qml封装”意味着可以利用JavaScript的强大功能来控制图表。这一封装支持包括柱形图、饼形图、环形图、折线图、极坐标图、雷达图在内的多种图表类型。开发者能够通过QML和JavaScript创建...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值