js,jQuery获取当前时间，并显示打印

最新推荐文章于 2024-08-11 15:35:29 发布
最新推荐文章于 2024-08-11 15:35:29 发布
阅读量679 收藏
点赞数 1
分类专栏： 大前端 文章标签： jquery javascript css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/printf_hello/article/details/104200710
版权

简易的效果
在这里插入图片描述
代码：

<style>
        div{
            width: 200px;
            height: 80px;
            background-color: #90EE90;
            margin: 10px 0 10px 0;
        }
    </style>
</head>
<body>
<textarea></textarea><br>
<button>发布</button><br>

<script>
    $(function () {
        $('button').on('click',function () {
            let t = new Date();
            let h = t.getHours();
            let m = t.getMinutes();
            let s = t.getSeconds();
            let T = h+"时"+m+"分"+s+"秒"+"来自xxx";

            let val = $('textarea').val();
            let template = `<div>
                                <span class="time">${T}</span><br>
                                <span class="text">${val}</span>
                            </div>`;
            $('body').append(template);
        })

    })
</script>
</body>
Jedi Hongbin
关注
专栏目录
日期插件 jquery-date.js
08-30
支持H5的日期控件 PC及移动端都可以使用，支持年月日、年月日时间、时间、多种格式！
JavaScript获取服务器时间的方法详解
10-20
总之，通过JavaScript获取服务器时间的关键在于利用Ajax发送请求，并在请求过程中解析服务器返回的响应头信息。这种方法确保了获取到的时间是准确的服务器时间，不受客户端系统时间的影响。在实际应用中，可以结合...
js习题（获取当前时间并打印出来）
weixin_46611729的博客
09-26 250
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>中国的流浪猫</title> </head> <body> <div>&l
JavaScript 日期获取方法
最新发布
爱敲代码的卡拉米的博客
08-11 492
在 JavaScript 中，一周的第一天（0）表示“星期日”，即使世界上的一些国家认为周的第一天是“星期一”。获取方法用于获取日期的某个部分（来自日期对象的信息）。方法以数字（0-6）返回日期的星期名（weekday）等于 getDate()，但返回 UTC 日期。方法以数字（0-999）返回日期的毫秒数。等于 getDay()，但返回 UTC 日。方法以数字（0-23）返回日期的小时数。方法以数字（0-59）返回日期的秒数。方法以数字（1-31）返回日期的日。以数字（0-11）返回日期的月份。
jquery.print 时间_jQuery.print实现前端打印
weixin_34736467的博客
02-17 191
jQuery.print是一个用于打印页面特定部分的插件。一、安装1. npm安装： npm install jQuery.print2. 到github下载下载地址：https://github.com/DoersGuild/jQuery.print，然后再html中引用二、 使用$("#myElementId").print(/*options*/);/* 或者 */$.print("#myE...
获取时间
bain16466的博客
10-27 156
function getnowtime() { var nowtime = new Date(); var year = nowtime.getFullYear(); var month = padleft0(nowtime.getMonth() + 1); v...
jquery.print 时间_Jqprint实现页面打印
weixin_39956022的博客
12-19 247
好些项目需要实现页面打印，特别是一些后台管理类系统，下面介绍一款轻量级的打印插件：1、实现页面打印要引入jQuery和Jqprint。点击下载Jqprint插件2、HTML代码：testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest3、JavaScrip...
jQuery实现获取多选框的值示例
10-15
在循环内部，`$(this).val()`获取当前元素的值，并将其添加到数组`id[]`中。 最后，`console.log(id)`将数组`id`的内容打印到浏览器的控制台，以便开发者可以检查所选值。这有助于调试和理解代码的运行情况。 在...
vue.js2.0点击获取自己的属性和jquery方法
10-18
接下来，`$("#dongtao").attr('id')`是使用jQuery获取ID为`dongtao`的父元素的ID，而`event.target.parentNode.getAttribute("id")`则是用原生JavaScript获取相同的信息。两者都是为了展示如何获取元素属性，但Vue....
jquery打印插件制作网页文本打印效果代码
10-29
为了解决这个问题，我们可以创建一个jQuery插件，只选择并打印特定的元素。 下面是一个简单的jQuery打印插件的制作步骤： 1. **创建插件函数**：在你的jQuery代码中，定义一个新的函数，例如`$.fn.printThis`。`$....
宏任务和微任务相关概念和例子
qq_1872583947的博客
10-19 526
#微任务 和 宏任务的执行分析 #简单实例分析 例子1： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie
#JavaScript 、JQuery怎么获取当前系统时间，及指定日期时间
weixin_44930692的博客
10-14 2827
1.JQuery获取当前日期 var now = new Date(); now = new Date(now.getTime() + 86400000); var year= now.getFullYear(), month= (now.getMonth() + 1).toString(), day = now .getDate().toString(); if (month.length ==...
jquery 获取当前系统时间
星辰之海_的博客
10-29 6370
// 递归刷新系统时间 getCode(); function getCode(){ i = self.setInterval("countdown()", 1000); } function countdown() { var myDate = new Date(); //获取当前年 var y...
jquery如何获取当前时间
qq_34332073的博客
11-13 3728
  /* 获取当前时间*/ function getNow(s) { return s &lt; 10 ? '0' + s: s; } var myDate = new Date(); //获取当前年 var year=myDate.getFullYear(); //获取当前月 var month=myDate.getMonth()+1; //获取当前日 var date=myDat...
JQuery获取当前时间
大海无量的博客
05-06 9148
参考：https://www.jianshu.com/p/c1fd1cecbb2e var nowTime=getFormatDate(); //获取当前时间 function getFormatDate(){ var nowDate = new Date(); var year = nowDate.getFullYear(); var month = nowDate....
jquery 获取当前时间
liujihaozhy的专栏
08-20 2561
方法一： Insert title here       function current(){ var d=new Date(),str=''; str +=d.getFullYear()+'年'; //获取当前年份 str +=d.getMonth()+1+'月'; //获取当前月份（0——11） str +=d.getDate()+'日';
Jquery 获取当前时间日期
小洪帽i的博客
11-13 7362
Jquery 获取当前时间日期
jQuery获取格式化当前时间
热门推荐
Gemini_llw的博客
07-31 2万+
一） 重构Date对象： // 对Date的扩展，将 Date 转化为指定格式的String // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符， // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字) Date.prototype.Format = function (fmt) {
jquery获取当前时间
sun_nan_vip的博客
10-19 7090
jquery获取当前时间 function p(s) {     return s } var myDate = new Date(); //获取当前年 var year=myDate.getFullYear(); //获取当前月 var month=myDate.getMonth()+1; //获取当前日 var date=myDate.getDate(); 
jquery 获取当前元素id
05-27
要获取当前元素的ID，可以使用jQuery的attr()方法来获取元素的属性值。 例如，如果要获取当前鼠标所在元素的ID，可以使用以下代码： ```javascript $(document).on('click', function(event) { var id = $(event....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值