CSS文本多出变为.....应用

最新推荐文章于 2020-06-23 09:16:10 发布

大Y

最新推荐文章于 2020-06-23 09:16:10 发布

阅读量843

点赞数

分类专栏： JavaScript 平时细节文章标签： css date 浏览器文档

本文链接：https://blog.csdn.net/hongleidy5000/article/details/7088367

版权

平时细节同时被 2 个专栏收录

17 篇文章 0 订阅

订阅专栏

JavaScript

8 篇文章 0 订阅

订阅专栏

<title>无标题文档</title>

<style type="text/css">
p:first-letter{ font-size:28px}  
</style>
</head>

<body>
<div id="webjx"></div>
   <script>setInterval("webjx.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
   </script>

<p style="width:100px; height:25px; line-height:25px;text-overflow:ellipsis;overflow:hidden; white-space:nowrap;">即可到圣诞节啥考试死定了</p>
<a style="display:inline-block;width:100px; height:25px; line-height:25px;text-overflow:ellipsis;overflow:hidden; white-space:nowrap;" href="#" title="即可到圣诞节啥考试死定了">即可到圣诞节啥考试死定了</a>
<!--要实现溢出时产生省略号的效果还须定义：强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果。 -->
支持所有的浏览器
</body>
</html>

网上找的，试过，可以撒；

  <script>setInterval("webjx.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
   </script>

这个，是可以更新当前时间的，不错的方法，可以用一下下

大Y

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS文本多出变为.....应用

无标题文档p:first-letter{ font-size:28px} setInterval("webjx.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000); 即可到圣诞节啥考试死定了即可到圣诞节啥考试死定了支持所有的浏览器
复制链接

扫一扫