Javascript 使用JQuery获取div中的时间数

我正在wordpress上建立一个电子商务网站，我想在订购前倒计时。 Countdown是由Keith Wood使用jQuery Countdown创建的。我需要的是只设计数字的样式：改变它们的大小和背景。我不熟悉Jquery，我不知道如何拆分文本或类似的内容。另外，我不知道这是否真的可能

<div class="woocommerce-pre-orders-countdown hasCountdown" id="woocommerce-pre-orders-countdown-1592892000">  6 Days 22 Hours 58 Minutes 12 Seconds</div>

6天22小时58分12秒

var txt=$（'.hascontdown'）.text（）；
var splited=txt.split（“”）；
var标志=真；
var-man=''；
var st=''；
对于（变量i=0；i=splited[i].charCodeAt（0））| |（splited[i].charCodeAt（0）
var txt=$（'.hascontdown'）.text（）；
var splited=txt.split（“”）；
var标志=真；
var-man=''；
var st=''；
对于（变量i=0；i如果（（48>=splited[i].charCodeAt（0））| |（splited[i].charCodeAt（0）这里有一个香草味的解决方案，它抓住div的内容，将每个数字包装为一个样式化的span元素，并用新版本覆盖div的内容

通过更改
sizeMultiplier
和
background
变量的值，您可以选择您喜欢的大小和颜色。使用CSS类提供格式（脚本将只应用CSS类）会更干净，但我不知道修改CSS文件有多容易

有关更多说明，请参阅代码内注释


let
//选项--这些选项决定了格式化的数量
sizeMultiplier=1.5，
background=“lightskyblue”；
常数
//标识HTML元素
element=document.getElementById（“我的div”），
tempDiv=document.createElement（“div”），
btn=document.querySelector（'button'）；
//使按钮为演示工作
btn.addEventListener（'click'，formatNums）；
//将元素中的HTML替换为格式化版本
函数formatNums（）{
//从div内容生成数组，然后将项转换为DOM节点
const tokens=element.textContent.split（“”）；
const nodes=tokens.map（（token）=>
//数字被格式化，其他文本保持原样
isNum（令牌）
？numSpan（令牌、sizeMultiplier、背景）
：textNode（令牌）
);
//将所有节点放入一个空div中
nodes.forEach（（node，i）=>{
tempDiv.appendChild（节点）；
tempDiv.insertAdjacentHTML（“beforeed”，
i

按钮{边距：10px；边框半径：0.3em；}
应用格式
6天22小时58分12秒
这是一种香草味的解决方案，它抓住div的内容，将每个数字包装成一个样式化的span元素，并用新版本覆盖div的内容

通过更改
sizeMultiplier
和
background
变量的值，您可以选择您喜欢的大小和颜色。使用CSS类提供格式（脚本将只应用CSS类）会更干净，但我不知道修改CSS文件有多容易

有关更多说明，请参阅代码内注释


let
//选项--这些选项决定了格式化的数量
sizeMultiplier=1.5，
background=“lightskyblue”；
常数
//标识HTML元素
element=document.getElementById（“我的div”），
tempDiv=document.createElement（“div”），
btn=document.querySelector（'button'）；
//使按钮为演示工作
btn.addEventListener（'click'，formatNums）；
//将元素中的HTML替换为格式化版本
函数formatNums（）{
//从div内容生成数组，然后将项转换为DOM节点
const tokens=element.textContent.split（“”）；
const nodes=tokens.map（（token）=>
//数字被格式化，其他文本保持原样
isNum（令牌）
？numSpan（令牌、sizeMultiplier、背景）
：textNode（令牌）
);
//将所有节点放入一个空div中
nodes.forEach（（node，i）=>{
tempDiv.appendChild（节点）；
tempDiv.insertAdjacentHTML（“beforeed”，
i

按钮{边距：10px；边框半径：0.3em；}
应用格式
6天22小时58分12秒