HTML5   发布时间:2022-04-25  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了(16)HTML5-E-Mail和时间日期大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

通过javascript与HTML的结合,可以设计出具有”字段验证“功能的E-Mail发送系统。用户可以在窗体中输入E-Mail的标题内容,按下发送后先经过javascript检查字段信息是否正确,再链接到E-Mail程序中进行发送。

(16)HTML5-E-Mail和时间日期



<!DOCTYPE html>
 <head>
     <Meta charset="utf-8"/>
     <script>
    function mailLaunch(){
        if(document.getElementById('name').value.length!=0){
            var link='mailto:email@example.com?subject=message from'+document.getElementById('name').value+'&body='+document.getElementById('content').value;
            window.LOCATIOn.href=link;
        }
        else{
            document.getElementById('error').innerHTML="请输入姓名 ";
        }
    }
    </script>
 </head>
 <body >
    <form name="f1" method="post" action="">
    姓名:</br>
    <input type="text" id="name" name="name"/></br>
    留言:</br>
    <textarea id="content" cols="45" row="5"></textarea></br>
    <input type="button" value=" 发送 " onclick="mailLaunch()"/>
    <span id="error"></span>
    </form>
 </body>
</html>


信箱:mailto:要发送的信箱

标题:?subject=标题文字

内容:&body=内容文字


(16)HTML5-E-Mail和时间日期



时间显示与计时器,可分为Javascript和HTML两个部分进行开发。javascrpt负责使用setTimeout处理计时,使用对象Date获取系统日期:HTML负责”开始计时“的按钮,单击按钮后开始每秒更新一次文字字段。

<!DOCTYPE html>
 <head>
     <Meta charset="utf-8"/>
     <script>
        var c=0;
        function timedCount(){
            document.getElementById('txt').value=c;
            c+=1;
            setTimeout("timedCount()",1000);
        }
        var Nowtime = new Date();
        var time="现在时间 "+Nowtime.getFullYear()+" 年"+(Nowtime.getMonth()+1)+"月 "+Nowtime.getDate()+" 日 ";
        document.write(timE);
    </script>
 </head>
 <body >
 </body>
</html>

日期对象的另外一个应用,可以帮助程序开发人员来监测游戏启动的执行效率。程序开发的构想,是应用声明日期变量的时机点,一个日期变量声明在程序执行前,一个日期变量所记录的时间相减来得到程序运行的时长。

<!DOCTYPE html>
 <head>
     <Meta charset="utf-8"/>
     <script>
       var start,end;
       var str="";
       start=new Date();
       for(i=0;i<100000;++i){
            str=str+i;
       }
       end=new Date();
       document.writeln("运行时间: "+(end.getTime()-start.getTime())+"毫秒");
    </script>
 </head>
 <body >
 </body>
</html>

大佬总结

以上是大佬教程为你收集整理的(16)HTML5-E-Mail和时间日期全部内容,希望文章能够帮你解决(16)HTML5-E-Mail和时间日期所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。