我希望將日期數字轉換為波斯數字,我試過了,它轉換頁面中除日期之外的所有數字
這是我的代碼演示 https://jsfiddle.net/dpcu2o57/16/
/* Counter */
var countDownDate = new Date("Dec 5, 2022 15:37:25").getTime();
var x = setInterval(function() {
var now = new Date().getTime();
var distance = countDownDate - now;
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
document.getElementById("demo").innerHTML = days "d " hours "h "
minutes "m " seconds "s ";
if (distance < 0) {
clearInterval(x);
document.getElementById("demo").innerHTML = "EXPIRED";
}
}, 1000);
/*English Number to Persian */
function walkNode(node) {
if (node.nodeType == 3) {
node.data = node.data.replace(/\d/g, convert)
}
for (var i = 0; i < node.childNodes.length; i ) {
walkNode(node.childNodes[i])
}
}
walkNode(document.getElementsByTagName('body')[0])
function convert(a) {
return ['?', '?', '?', '?', '?', '?', '?', '?', '?', '?'][a]
}
<p id="demo"></p>
<h4>1234567</h4>
uj5u.com熱心網友回復:
您正在使用間隔計時器使用默認數字更新文本,但隨后沒有呼叫walkNode將它們轉換為波斯語。
你可以添加一個呼叫來walkNode做到這一點,但我不會;相反,我會在將字串添加到 DOM 之前對其進行轉換:
document.getElementById("demo").innerHTML = convertString(days "d " hours "h "
minutes "m " seconds "s ");
...在哪里convertString:
function convertString(str) {
return str.replace(/\d/g, convert);
}
...而且我會更新walkNode以使用convertString而不是行內替換。
現場示例:
顯示代碼片段
/* Counter */
var countDownDate = new Date("Dec 5, 2022 15:37:25").getTime();
var x = setInterval(function() {
var now = new Date().getTime();
var distance = countDownDate - now;
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
document.getElementById("demo").innerHTML = convertString(days "d " hours "h "
minutes "m " seconds "s ");
if (distance < 0) {
clearInterval(x);
document.getElementById("demo").innerHTML = "EXPIRED";
}
}, 1000);
/*English Number to Persian */
function walkNode(node) {
if (node.nodeType == 3) {
node.data = convertString(node.data);
}
for (var i = 0; i < node.childNodes.length; i ) {
walkNode(node.childNodes[i])
}
}
walkNode(document.getElementsByTagName('body')[0])
function convert(a) {
return ['?', '?', '?', '?', '?', '?', '?', '?', '?', '?'][a]
}
function convertString(str) {
return str.replace(/\d/g, convert);
}
<p id="demo"></p>
<h4>1234567</h4>
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/409778.html
標籤:
