（16）HTML5-E-Mail和时间日期

最新推荐文章于 2022-10-13 17:16:43 发布

梧桐下的四叶草

最新推荐文章于 2022-10-13 17:16:43 发布

阅读量2.1k

点赞数

本文链接：https://blog.csdn.net/zsc2014030403015/article/details/52412555

版权

HTML5 专栏收录该内容

47 篇文章 0 订阅

订阅专栏

通过javascript与HTML的结合，可以设计出具有”字段验证“功能的E-Mail发送系统。用户可以在窗体中输入E-Mail的标题与内容，按下发送后先经过javascript检查字段信息是否正确，再链接到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=" 发送 " οnclick="mailLaunch()"/>
    <span id="error"></span>
    </form>
 </body>
</html>

信箱：mailto：要发送的信箱

标题：？subject=标题文字

内容：&body=内容文字

时间显示与计时器，可分为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>