`
kangqii
  • 浏览: 10973 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类

[原创][开源]发布一个用javascript开发的任务管理组件 v0.03 (20100710)

阅读更多

JS任务开发脚本 v0.03 (20100710)
需要jquery支持 用到的版本是jquery-1.4.2.js
更新日志:
0.01 建立了基本任务模型
0.02 改进了任务管理,扩展任务属性,优化多任务处理
0.03 支持动态修改任务,添加任务执行命令
说明:适用于各种定时任务应用,请注重劳动成果!保留说明文字,以便获得技术支持。
作者:康乐
发布与下载地址:www.javacs.cn中国java工作者

脚本开放,兼容FF/IE,难免有不足之处,希望在大家的帮助下改进和完善它。
欢迎参与此兴趣小组!你可以到 中国java工作者家园 【群组】找到【javascript兴趣小组】欢迎加入:
http://www.javacs.cn/home/space-mtag-tagid-3.html
一个很小的功能但非常实用,在B/S开发过程中会经常用上。
附件中包含:
naozhong.html (测试用)这个界面很粗糙
jquery-1.4.2.js
Multi-task.js
下载地址:http://www.javacs.cn/bbs/thread-300-1-1.html

/*!
任务开发脚本 v0.03 (20100710)
更新日志:
0.01 建立了基本任务模型
0.02 改进了任务管理,扩展任务属性,优化多任务处理
0.03 支持动态修改任务,添加任务执行命令
说明:适用于各种定时任务应用,请注重劳动成果!保留说明文字,以便获得技术支持。
作者:康乐
发布:[url=http://www.javacs.cn]www.javacs.cn[/url] 中国java工作者
*/
var AlarmTimeSet=new Date();
var Atimes =new Array(); 
//任务数据类
function kllz(a,b,c,d,e,f,g){ 
this.Aid=a;//编号
this.Atime=b;//时间
this.Atext=c;//提示内容
this.Amusic=d;//音乐
this.Aphoto=e;//图像
this.Ais=f;//是否提示
this.Acmd=g;//执行命令
}

//生成GUID
kllz.newGuid=function(){ 
    var guid = ""; 
    for (var i = 1; i <= 32; i++){ 
        var n = Math.floor(Math.random()*16.0).toString(16); 
        guid += n; 
        if((i==8)||(i==12)||(i==16)||(i==20)) 
            guid += ""; 
    } 
    return guid; 
} 

//按index删除元素
Array.prototype.remove=function(dx)
  {
    if(isNaN(dx)||dx>this.length){return false;}
    for(var i=0,n=0;i<this.length;i++)
    {
        if(this[i]!=this[dx])
        {
            this[n++]=this[i]
        }
    }
    this.length-=1
  }
//添加任务
kllz.addAtime =function()
{
        //if(Atimes.length!=0)
        //Atimes+={false};
        var AlarmTime=new Date(AlarmTimeSet.getFullYear(),AlarmTimeSet.getMonth()+1,AlarmTimeSet.getDate(),$("#H").val(),$("#M").val(),$("#S").val());
        var Aist=($('#Ais').attr('checked')) ? true : false;
        var lz  = new kllz(kllz.newGuid(),AlarmTime,$("#SMS").val(),$("#MUSIC").val(),$("#PHOTO").val(),Aist); 
        lz.Acmd=function(){
                kllz.gxAtimes();
                };
    Atimes.push(lz);
        $('#Ais').removeAttr("checked");
        var i=Atimes.length;
        var n=lz.Atime;
        $('#t').prepend("<li id=\"time_"+lz.Aid+"\">第" + i + "个任务: " +n.getFullYear()+"-"+n.getMonth()+"-"+n.getDate()+"  "+ n.getHours()+"-"+n.getMinutes()+"-"+n.getSeconds() +"\t提示内容:"+lz.Atext+"\t提示音乐:"+lz.Amusic+"\t提示图片:"+lz.Aphoto+"\t是否提示:"+lz.Ais+"<button onClick=\"kllz.delAtimeAid('"+lz.Aid+"')\">删除</button><button onClick=\"kllz.updAtimeAid('"+lz.Aid+"')\">修改</button>");
        //gxAtimes();
        AlarmClock();
}
//根据index删除任务元素
kllz.delAtime=function (i)
{
        if(Atimes.length>0)
    Atimes.remove(i);
        $('#time_'+i).remove();
        //gxAtimes();
}
//修改指定任务
kllz.updAtimeAid=function(Aid)
{
        var AlarmTime=new Date(AlarmTimeSet.getFullYear(),AlarmTimeSet.getMonth()+1,AlarmTimeSet.getDate(),$("#H").val(),$("#M").val(),$("#S").val());
        var Aist=($('#Ais').attr('checked')) ? true : false;
        var lz  = new kllz(Aid,AlarmTime,$("#SMS").val(),$("#MUSIC").val(),$("#PHOTO").val(),Aist); 
        
        //var ts =kllz.selAtimeAid(Aid);
        //$.each(Atimes,ts,true);
        
        if(Atimes.length>0)
        {
                $.each( Atimes, function(j, m){
                var i=Atimes.length;
        var n=lz.Atime;
                if(m.Aid==Aid)
                {
                         Atimes[j]=lz;
                         $('#time_'+lz.Aid).html("第" + i + "个任务: " +n.getFullYear()+"-"+n.getMonth()+"-"+n.getDate()+"  "+ n.getHours()+"-"+n.getMinutes()+"-"+n.getSeconds() +"\t提示内容:"+lz.Atext+"\t提示音乐:"+lz.Amusic+"\t提示图片:"+lz.Aphoto+"\t是否提示:"+lz.Ais+"<button onClick=\"kllz.delAtimeAid('"+lz.Aid+"')\">删除</button><button onClick=\"kllz.updAtimeAid('"+lz.Aid+"')\">修改</button>");
        
                }
                
                if(j>=Atimes.length-1)return null;
                });
        }
}
//根据Aid返回 任务元素
 kllz.selAtimeAid=function (idt)
 {
         $('#time_'+idt).remove();
        if(Atimes.length>0)
        {
                $.each( Atimes, function(j, m){
                if(m.Aid==idt)
                {
                         return Atimes[j];
                }
                
                if(j>=Atimes.length-1)return null;
                });
        }
         
 }
//根据Aid删除任务元素
kllz.delAtimeAid=function (idt)
{
$('#time_'+idt).remove();
        if(Atimes.length>0)
        {
                $.each( Atimes, function(j, m){
                if(m.Aid==idt)
                {
                         Atimes.remove(j);
                }
                
                if(j>=Atimes.length-1)return;
                });
        }
        //gxAtimes();
}
//更新任务
kllz.gxAtimes=function ()
{
        $('#t').html("");
        $.each( Atimes, function(i, m){
        var n = m.Atime;
        $('#t').prepend("<li id=\"time_"+m.Aid+"\">第" + (i+1) + "个任务: " +n.getFullYear()+"-"+n.getMonth()+"-"+n.getDate()+"  "+ n.getHours()+"-"+n.getMinutes()+"-"+n.getSeconds() +"<button onClick=\"kllz.delAtimeAid('"+m.Aid+"')\">删除</button></li>");
        if(i==Atimes.length-1)return;
        });
}
//开启任务
AlarmClock=function ()
{  
  
  var TimeNowSet=new Date();
 $.each( Atimes, function(i, m){
  
 n=m.Atime;
  //$('#w').prepend("Item #" + i + ": " + n +"");
  //任务时间
  //var AlarmTime=new Date(AlarmTimeSet.getFullYear(),AlarmTimeSet.getMonth()+1,AlarmTimeSet.getDate(),H.value,M.value,S.value);
  var AlarmTime=n;
  //当前时间
  var TimeNow=new Date(TimeNowSet.getFullYear(),TimeNowSet.getMonth()+1,TimeNowSet.getDate(),TimeNowSet.getHours(),TimeNowSet.getMinutes(),TimeNowSet.getSeconds());
 $('#w').html(i+"当前时间: " +TimeNowSet.getFullYear()+"-"+TimeNowSet.getMonth()+"-"+TimeNowSet.getDate()+"  "+ TimeNow.getHours()+"-"+TimeNow.getMinutes()+"-"+TimeNow.getSeconds() +"");
  if(TimeNow.getTime() == AlarmTime.getTime())
  {//到时间时处理
  }else if(AlarmTime.getTime() < TimeNow.getTime()){
          //过时后处理
   var id="_old_"+kllz.newGuid();
      $('#time_'+m.Aid).html(" <b>时间到了</b>任务: " +n.getFullYear()+"-"+n.getMonth()+"-"+n.getDate()+"  "+ n.getHours()+"-"+n.getMinutes()+"-"+n.getSeconds() +"<button onClick=\"kllz.delAtimeAid('"+id+"')\">删除</button>"+""); 
           $('#time_'+i).attr("id",id);
             if(m.Ais)
            {
                      $('#q').prepend("<li>任务提醒:"+m.Atext+"\t播放音乐<embed width='5px' height='5px' autostart='true' src="+m.Amusic+">\t图像:<img src='"+m.Aphoto+"'/><b>时间到了</b>任务: " +n.getFullYear()+"-"+n.getMonth()+"-"+n.getDate()+"  "+ n.getHours()+"-"+n.getMinutes()+"-"+n.getSeconds() +"</li>"); 
            }
          Atimes.remove(i);
          if(m.Acmd)m.Acmd();//回调执行命令
  }  
  if(i>=Atimes.length-1)return false;
 
});
$('#cont').val(Atimes.length+"个活动的任务");
  setTimeout("AlarmClock()",1000);
}

 

 

分享到:
评论

相关推荐

    golang开发web应用示例(v0.03)

    标题“golang开发web应用示例(v0.03)”表明这是一个关于Go语言Web开发的实践项目,版本号为v0.03,可能意味着这是项目早期的一个迭代,包含了基本的功能和结构。在这个项目中,我们可以学习到如何从零开始构建一个...

    Bit一个用JavaScript编写的代码组件管理器

    Bit 是一个强大的开源工具,它专为JavaScript开发者设计,用于管理和共享代码组件。这个工具的出现旨在解决大型项目中代码组织、重用和协作的问题,使得开发者能够更有效地构建和维护他们的代码库。 **一、Bit的...

    开源任务管理系统

    PHP开源的任务/项目管理系统,时间跟踪和协作开发应用程序。它拥有一个流行的Ajax操作界面,在每个项目上都可以有用户和客户。

    基于Django框架的开源任务管理平台源码

    项目概述:基于Python的Django框架开发的任务管理平台开源项目,融合了前端与后端的多种技术。该项目包含总共80个文件,其中主要编码语言为Python,同时涵盖了CSS、JavaScript和HTML等。文件类型分布如下:Python...

    C#开发全套31个UI组件Winform 开源共享,winform第三方开源ui库,C#

    本资源就是一个专注于C# WinForm的开源UI组件集合,包含31个不同类型的UI组件,为开发者提供了更多设计和功能上的可能性。 首先,我们要理解什么是UI组件(User Interface Components)。UI组件是构成用户界面的...

    一个利用JavaScript开发的dtree树状菜单组件

    JavaScript开发的dtree树状菜单组件是一个用于在Web应用程序中创建无限级树形结构的工具。这个组件的设计目的是为了提供一种高效、灵活且易于使用的解决方案,以展示层次化的数据,如目录结构、组织架构或者分类信息...

    开源时间轴组件

    总之,这个开源时间轴组件为开发者提供了一个便捷的工具,用于创建富有表现力和互动性的时间线展示,适用于各种记录历史信息的场景。通过理解和利用提供的资源,开发者可以轻松地将其整合到自己的项目中,提升用户...

    基于JavaScript核心技术的开源SaaS任务分配管理系统设计源码

    该项目是一款基于JavaScript核心技术的开源SaaS任务分配管理系统,源码包含727个文件,涵盖285个JavaScript文件、188个HTML文件、70个Python文件、65个CSS文件、22个PNG图片文件、16个SCSS文件、9个字体文件、8个...

    天生创想OA办公系统V2019开源版含CRM、项目管理、移动H5

    天生创想OA办公系统是一款基于PHP开发的开源企业级协同办公解决方案,V2019开源版更是集成了CRM(客户关系管理)、项目管理和移动H5功能,为企业提供了全面、灵活且高效的信息化管理工具。 首先,让我们深入了解OA...

    源自开源的甘特图组件jquery gantt 可拖拽

    jQuery Gantt是一款基于JavaScript库jQuery的开源甘特图组件,它允许开发者轻松地在网页上实现交互式的任务管理图表。 1. **jQuery Gantt组件介绍** jQuery Gantt是基于jQuery和HTML5的图表库,其设计目标是提供一...

    React Native 用JavaScript开发移动应用.pdf

    React Native 是一个由 Facebook 开发的开源移动应用框架,允许开发者使用 JavaScript 和 React 构建原生移动应用。React Native 不仅允许开发者为 iOS 和 Android 平台创建应用,还能共享大部分的代码基础,这对于...

    Java 开源用户管理系统

    【Java 开源用户管理系统】是一个基于Java编程语言开发的用户管理解决方案,旨在提供一个易于学习、可扩展且功能丰富的平台,适用于初学者和有经验的开发者。这个系统的核心目标是帮助用户有效地管理和操作用户数据...

    Winform开发全套31个UI组件开源共享]

    而标题中的“Winform开发全套31个UI组件开源共享”意味着有一套完整的、包含31个不同功能的用户界面组件,这些组件已经开源,可供开发者免费使用和学习。 这套开源UI组件库可能涵盖了常见的对话框、按钮、表格、...

    ZUI 3 是一个全新的开源 UI 组件库,提供了丰富的实用组件,并提供自由的定制使用方式,不依赖任何JavaScript框架

    **ZUI 3 开源 UI 组件库...总结起来,ZUI 3 是一个强大且灵活的 UI 组件库,无论你是前端新手还是经验丰富的开发者,都能从中受益。其丰富的组件、自由的定制方式和跨框架兼容性,使它成为 Web 应用开发的有力工具。

    星皓TXT文件分割器v0.03免费绿色版

    星皓TXT文件分割器v0.03免费绿色版的出现,为这个问题提供了一个简洁而实用的解决方案。 星皓TXT文件分割器是一款专为TXT文件设计的工具,其主要功能在于帮助用户将大的TXT文档进行快速、精准地分割。这款软件具备...

    JustAuth第三方登录开源组件 v1.16.6.zip

    《JustAuth第三方登录开源组件 v1.16.6》是一个专为开发者设计的便捷工具,旨在简化应用程序中集成各种第三方登录服务的过程。这个组件的最新版本v1.16.6提供了丰富的功能和优化,使得开发人员可以快速地在他们的...

    JavaScript_一个免费的开源社区讨论平台.zip

    在JavaScript中,Node.js是一个用于服务器端的开发环境,它允许开发者使用JavaScript处理服务器任务,如HTTP请求、文件系统操作、流处理等。npm(Node Package Manager)是与Node.js配套的包管理器,拥有海量的第三...

    javascript实现的甘特图组件

    本篇将深入探讨如何使用JavaScript实现一个甘特图组件,以及其中涉及的关键知识点。 1. **基础概念** - **SVG图形绘制**:JavaScript甘特图通常基于SVG(Scalable Vector Graphics)绘制,因为SVG可以提供矢量图,...

    Felony一个开源PGP钥匙扣采用ElectronReact和Redux技术开发

    标题中的"Felony"是一个项目名称,它是一个开源的PGP(Pretty Good Privacy)钥匙扣应用。PGP是一种广泛使用的加密软件,用于保护电子邮件、文件和数据的安全,确保只有授权的用户可以访问。Felony利用了现代Web开发...

    JavaScript_GitHubPowered AI轻松开发开始作为v0dev的开源替代方案.zip

    总之,这个开源项目为JavaScript开发者提供了一个利用GitHub和AI技术的新途径,无论是为了替换现有的v0dev解决方案,还是单纯地学习和探索,都具有很高的价值。通过深入研究和实践,开发者不仅可以提升自己的...

Global site tag (gtag.js) - Google Analytics