txt实现日期计算器前端代码【搬代码】

已于 2023-09-20 09:52:48 修改
阅读量260 收藏
点赞数
文章标签： 前端 html
于 2023-09-09 10:10:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52001174/article/details/132773926
版权

使用txt文件实现日期计算器
操作步骤：
1.首先在桌面创建txt文本文档
1
2.打开文本复制下面代码到文本中
在这里插入图片描述
3.修改文本的txt为html
3
4.右键该html文本，打开方式浏览器，结果如下
4

5.当然也可以作用于idea
5

此处是所有代码，复制粘贴即可使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div style="font-size:1.125em;text-align:center;padding-bottom:10px">
    <h3>
        <a name="qianhou"></a>
        "计算几天后的日期："
    </h3>
</div>

<div style="font-size:1.125em;color:#8B5A2B;text-align:center;padding-bottom:10px">和
    <input class="wenben" id="SY" style="width:100px" type="number" pattern="\d*" value="2023" onfocus="OnEnter(this)" onblur="OnExit(this)">年
    <input class="wenben" size="4" id="SM" style="width:100px" type="number" pattern="\d*" value="9" onfocus="OnEnter(this)" onblur="OnExit(this)">月
    <input class="wenben" size="4" id="SD" style="width:100px" type="number" pattern="\d*" value="9" onfocus="OnEnter(this)" onblur="OnExit(this)">
    日(默认今天)
    <br>
    相差
    <input class="wenben" size="8" style="width:80px" id="decday" type="number" pattern="\d*" value="100" onfocus="OnEnter(this)" onblur="OnExit(this)">天
    （输入负数向前计算）
    <br>是：
    <span style="color:#c75d5d;font-weight:500" id="result1"></span>
    <br>
    <input type="button" value="计算日期" onclick="cala()">
</div>
<div style="font-size:1.125em;text-align:center;padding-bottom:10px">
    <h3>
        <a name="riqicha"></a>
        "计算日期差："
    </h3>
</div>
<div style="font-size:1.125em;color:#8B5A2B;text-align:center;padding-bottom:10px">
    <input class="wenben" size="8" style="width:100px" id="SY2" type="number" pattern="\d*" value="2023" onfocus="OnEnter(this)" onblur="OnExit(this)">年
    <input class="wenben" size="4" style="width:100px" id="SM2" type="number" pattern="\d*" value="9" onfocus="OnEnter(this)" onblur="OnExit(this)">月
    <input class="wenben" size="4" style="width:100px" id="SD2" type="number" pattern="\d*" value="9" onfocus="OnEnter(this)" onblur="OnExit(this)">日(默认今日)
    <br>
    和
    <br>
    <input class="wenben" size="8" id="SY3" style="width:100px" type="number" pattern="\d*" value="2024" onfocus="OnEnter(this)" onblur="OnExit(this)">年
    <input class="wenben" size="4" id="SM3" style="width:100px" type="number" pattern="\d*" value="1" onfocus="OnEnter(this)" onblur="OnExit(this)">月
    <input class="wenben" size="4" id="SD3" style="width:100px" type="number" pattern="\d*" value="1" onfocus="OnEnter(this)" onblur="OnExit(this)">日
    <br>相差：
    <span style="color:#CD2626;font-weight:500" id="result2"></span> 天
    <br>
    <input type="button" value="计算日期" onclick="calb()">
</div>


<div style="font-size:1.125em;text-align:center;padding-bottom:10px">
    <h3>
        <a name="daojishi"></a>
        "倒计时器："
    </h3>
</div>
<div style="font-size:1.125em;color:#8B5A2B;text-align:center;padding-bottom:15px!important;">
    <input id="djsj" type="hidden" value="1695171750356">
    <form id="form1">
        <input name="text" type="text" class="inputbnt2" id="h" value="00" maxlength="2" onafterpaste="this.value=this.value.replace(/\D/g,'')" onfocus="OnEnter(this)" onblur="OnExit(this)">小时<br>
        <input name="text2" type="text" class="inputbnt2" id="m" onkeyup="this.value=this.value.replace(/\D/g,'')" value="00" maxlength="2" onafterpaste="this.value=this.value.replace(/\D/g,'')" onfocus="OnEnter(this)" onblur="OnExit(this)">分钟<br>
        <input name="text2" type="text" class="inputbnt2" id="s" onkeyup="this.value=this.value.replace(/\D/g,'')" value="00" maxlength="2" onafterpaste="this.value=this.value.replace(/\D/g,'')" onfocus="OnEnter(this)" onblur="OnExit(this)">&nbsp;&nbsp;秒&nbsp;&nbsp;<br>
        <p><input name="button" type="button" class="beg" id="startButton" onclick="djsj();doit();" value="开始">
            <input name="button" type="button" class="beg2" id="stopButton" onclick="stop();" value="取消"></p>
    </form>
    <span id="dhis"><div id="endtime"><span>00</span>:<span>00</span>:<span>00</span></div></span>
</div>

</body>

<script>
    var hzWeek= new Array("日","一","二","三","四","五","六","日");function cweekday(wday){return hzWeek[wday];}
    function cala()
    {
        y=document.getElementById("SY").value;
        m=document.getElementById("SM").value;
        d=document.getElementById("SD").value;
        ddd=document.getElementById("decday").value;

        ttt=new Date(y,m-1,d).getTime()+ddd*24000*3600;

        theday=new Date();
        theday.setTime(ttt);
        document.getElementById("result1").innerHTML=theday.getFullYear()+"年"+(1+theday.getMonth())+"月"+theday.getDate()+"日"+"星期"+cweekday(theday.getDay());
    }
    function calb()
    {
        y2=document.getElementById("SY2").value;
        m2=document.getElementById("SM2").value;
        d2=document.getElementById("SD2").value;
        y3=document.getElementById("SY3").value;
        m3=document.getElementById("SM3").value;
        d3=document.getElementById("SD3").value;
        day2=new Date(y2,m2-1,d2);
        day3=new Date(y3,m3-1,d3);
        document.getElementById("result2").innerHTML=(day3-day2)/86400000;
    }
</script>

<script>
    var Pd_ie=0;
    var Shen_y=0;
    if(navigator.appName == "Microsoft Internet Explorer"&&parseInt(navigator.appVersion.split(";")[1].replace(/[ ]/g, "").replace("MSIE",""))<9){
        Pd_ie=9;
        document.getElementById("IEPD").innerHTML="<font color=red size=3>您的浏览器版本太低倒计时声音提示功能将无法使用，建议更换浏览器！<p></font>";
    }

    function setCookie(cname,cvalue,exdays) {
        var d = new Date();
        d.setTime(d.valueOf() + (exdays*24*60*60*1000));
        var expires = "expires=" + d.toGMTString();
        document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
    }

    function getCookie(cname) {
        var name = cname + "=";
        var decodedCookie = decodeURIComponent(document.cookie);
        var ca = decodedCookie.split(';');
        for(var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') {
                c = c.substring(1);
            }
            if (c.indexOf(name) == 0) {
                return c.substring(name.length, c.length);
            }
        }
        return "";
    }


    var djskssj=getCookie("djskssj");
    var h=getCookie("h");
    var m=getCookie("m");
    var s=getCookie("s");
    if (djskssj>0) {
        document.getElementById("djsj").value=djskssj;
        document.getElementById("h").value=h;
        document.getElementById("m").value=m;
        document.getElementById("s").value=s;
        doit();
    }
    else
    {
        document.getElementById('dhis').innerHTML = "<div id=endtime><span>00</span>:<span>00</span>:<span>00</span></div>";
    }

    if (Pd_ie==0){var audio= new Audio("daojishiqi.mp3");}

    function dk(){
        Shen_y=1;
        document.getElementById('Csy').style.display='none';
        document.getElementById('Ksy').style.display='inline';
        audio.pause();
//audio= null;
    }
    function Cdk(){
        Shen_y=0;
        document.getElementById('Csy').style.display='inline';
        document.getElementById('Ksy').style.display='none';
        var audio= new Audio("daojishiqi.mp3");
    }

    function djsj(){
        setTimeout("document.getElementById('k').style.display='block'",3000);
        setTimeout("document.getElementById('k').style.display='none'",10000);
        document.getElementById("djsj").value=new Date().valueOf();
        setCookie("djskssj", new Date().valueOf(), 1);
        setCookie("h", document.getElementById("h").value, 1);
        setCookie("m", document.getElementById("m").value, 1);
        setCookie("s", document.getElementById("s").value, 1);

    }
    function doit(){
        var nowTime = new Date().valueOf();
        var djsj = document.getElementById("djsj").value;
        var AJ_sj=1625760013154-djsj;
        var a = document.getElementById("h").value;
        var b = document.getElementById("m").value;
        var c = document.getElementById("s").value;
        if (a == "00" && b == "00" && c == "00") {
            alert("请输入开始时间！");
            setCookie("djskssj", 0, -1);
            setCookie("h", 0, -1);
            setCookie("m", 0, -1);
            setCookie("s", 0, -1);
            document.getElementById('dhis').innerHTML = "<div id=endtime><span>00</span>:<span>00</span>:<span>00</span></div>";
            return false;
        }
        else {
            endt = Number(a * 3600000) + Number(b * 60000) + Number(c * 1000);
            form1.elements["startButton"].className = "beg2";
            form1.elements["stopButton"].className = "beg";
        }


        //const endTime = nowTime+endt;
        var endTime = nowTime+endt;
        var t = 1625760013154-AJ_sj+endt-nowTime;
        if(t<=0){
            if(t<-3000){
                var g_s = Math.abs(Math.floor(t/1000));
                var g_sts=g_s+"秒";
                alert("倒计时："+a+"小时"+b+"分钟"+c+"秒，计时结束，已过去"+g_sts+"！");
            }
            else{
                alert("倒计时："+a+"小时"+b+"分钟"+c+"秒，计时结束！");}
            setCookie("djskssj", 0, -1);
            setCookie("h", 0, -1);
            setCookie("m", 0, -1);
            setCookie("s", 0, -1);
            document.getElementById("h").value = "00";
            document.getElementById("m").value = "00";
            document.getElementById("s").value = "00";
            form1.elements["startButton"].className = "beg";
            form1.elements["stopButton"].className = "beg2";
            return false;
        }
        var d = Math.floor(t/1000/60/60/24);
        var h = Math.floor(t/1000/60/60%24);
        if(parseInt(h)<10){h='0'+h;}
        var i = Math.floor(t/1000/60%60);
        if(parseInt(i)<10){i='0'+i;}
        var s = Math.floor(t/1000%60);
        if(parseInt(s)<10){s='0'+s;}
        document.getElementById('dhis').innerHTML = "<div id=endtime><span>"+h+"</span>:<span>"+i+"</span>:<span>"+s+"</span></div>";
        setTimeout(doit, 1000);


        if (h ==0 && i ==0 && s == 4 && Pd_ie==0 && Shen_y==0) {audio.play();}
    }
    function stop() {
        document.getElementById('dhis').innerHTML = "<div id=endtime><span>00</span>:<span>00</span>:<span>00</span></div>";
        document.getElementById("h").value = "00";
        document.getElementById("m").value = "00";
        document.getElementById("s").value = "00";
        setCookie("djskssj", 0, -1);
        setCookie("h", 0, -1);
        setCookie("m", 0, -1);
        setCookie("s", 0, -1);
        form1.elements["startButton"].className = "beg";
        form1.elements["stopButton"].className = "beg2";

        clearTimeout(Account);
    }
</script>
</html>
搬代码
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
简单的js秒表计时.txt
05-25
简单的js秒表计时，js定时器不会因为多次点击计时产生多个定时器造成计时加速的现象，只有定时器处于空值时才能开始计时，也就是暂停或停止状态，停止后计时器清空。
简单的计时器代码
shadow___h的博客
06-13 1093
package 定时器; import java.util.concurrent.PriorityBlockingQueue; public class Test2 { static class Task implements Comparable<Task>{ private Runnable command; private long time; public Task(Runnable command, long after)
unity的Time类
jjjndk1314的博客
12-10 4780
Time.time 游戏开始后累计时间 Time.timeScale 时间缩放 Time.deltaTime 上一帧渲染时间 Time.unscaledDeltaTime不受影响的上一帧渲染时间 Time.timeScale 不影响渲染 所以 Update 执行间隔不受影响 影响物理更新 所以FidexUpdate执行间隔受间隔 Time.deltaTime 受影响 Time.tim...
Jquery写入txt的一个计算器
09-26 441
[code="html"] 无标题文档 $(document).ready( function (){ $("#next").hide(); $("#fx").click(function(){ if(!/^[0-9]+.?[0-9]*$/.test($("#price").val()) || !/^[0-9]+.?[0-9]*...
TXT四则运算计算器
03-13 344
基本思想:使用getline函数从TXT文件中依次读出中缀表达式,将其转为后缀表达式后计算结果,并与用户结果比对。 整数、分数、小数的处理:将小数和整数都视为默认分母为1的分数.建立分数类,在中缀转换成后缀时将整数和小数转换为分数. class Fenshu { private: int fz; int fm; publi...
jQuery投资理财网页计算器代码.zip
最新发布
09-21
这些插件可能扩展了jQuery的功能，比如日期选择器、数字格式化或货币转换等功能，以适应投资理财计算器的特定需求。开发者可能会使用如`$.extend()`来扩展jQuery对象，或者通过`.pluginName()`这样的调用方式来使用...
投资理财在线计算器js特效代码.zip
07-11
4. **正则表达式**：为了确保用户输入的有效性，代码可能会使用正则表达式进行数据验证，例如检查输入的金额是否为数字，或者检查日期格式是否正确。 5. **数学运算**：计算投资理财涉及复杂的数学公式，例如复利...
jquery女性月经安全期计算器代码.zip
11-21
这个压缩包文件“jquery女性月经安全期计算器代码.zip”包含了一个使用前端技术构建的月经安全期计算器应用。这个应用基于jQuery库，一个广泛使用的JavaScript库，它极大地简化了DOM操作、事件处理和动画效果。接...
基于JSP实现一个简单计算器的方法
01-20
在本实例中，我们将探讨如何使用JavaServer Pages (JSP) 实现一个简单的计算器应用。JSP 是一种基于Java的动态网页技术，它允许开发者在HTML中嵌入Java代码，以便处理服务器端逻辑。 首先，我们看到的是`index.jsp`...
js+css3+html5智能手表时钟和计算器切换代码
06-11
在本项目中，"js+css3+html5智能手表时钟和计算器切换代码"是一个交互式的网页应用，它利用JavaScript、CSS3和HTML5的技术实现了模拟智能手表上的时钟和计算器功能。这个项目的核心在于如何用编程语言来构建一个具有...
酷炫时钟代码.txt
07-15
酷炫时钟代码.txt
文本计算器
06-10
来自Downg 一、用法： 1、文本计算器v3.2具有关闭时是否保存计算结果的功能、计算结果的小数位选择功能，以及自动更新功能(^_^)； 2、文本计算器打开时，将会自动加载上次的计算结果； 3、输入数学表达式后，按回车键，自动计算结果； 4、一个表达式必须在一行内全部输入； 5、表达式可以是加+、减-、乘*、除/、平方^、括号()，以及数学函数组合。 二、支持的数学函数： 1、cos(), sin(), tg(), ctg(), abs(), sgn() or sign(), sqrt(), ln(),sh() or sinh(),ch() or cosh(), th() or tanh(),cth() or coth(), heaviside()； 2、示例：1+sin(30)(其中30为弧度)按回车键后显示1+sin(30)=1+sin(30)=0.012 关键字：文本计算器 , 文本计算器免费版 , 文本计算器绿色版 ,
程序员搞笑代码.txt
09-27
程序员搞笑代码.txt
代码大全—完整TXT文档
10-25
代码大全—完整TXT文档 超级经典，手机 MP4 阅读起来非常舒服，
TXT四则运算计算器 后日谈
03-16 112
经过了软件工程第一个个人项目——<<四则运算器>>的开发后,对软件开发有了新的认识。题目中并没有明确说明对小数和负数是否应该提供支持。在第一个项目结束后,第二个项目则是针对上一个项目进行细致的优化,高度API要求和可交换性考验着第一个项目的模块化设计理念。封装性、参数可调性和交换后的兼容性是第二个项目的主要内容。作为第一个结对项目，在上一个项目中存在着很多会导致这...
简易计算器编写
weixin_46999664的博客
10-08 447
td{ width: 150px; line-height: 70px; } .btn,.btn_click{ width: 150px; line-height: 70px; font-size: x-large; /background: none;/ } .btn_click{ width: 302px; } .btn:hover,.btn_click:hover{ background: rgba(0,0,250,.4); } .txt{ width: 600px; line...
Java计算机文本代码,java计算器源代码(仿win).docx
weixin_29507477的博客
07-29 299
java 计算器源代码 ( 仿 win7)import java.awt.* 。import javax.swing.* 。import java.awt.event.* 。class Cal extends JFrame implements ActionListener,MouseListener{JMenuBar menubar 。JMenu menu_check,menu_edit,men...
创建txt文件并写入数据和获取当前的系统时间方式
red_sky_blue的专栏
12-29 1940
if (!File.Exists("F:\\pp.txt"))//第一次不存在的时候，创建并写入数据             {                 FileStream fs1 = new FileStream("F:\\pp.txt", FileMode.Create, FileAccess.Write);                 StreamWriter sw =
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值